如何在GitHub部署自己的个人网站

最新推荐文章于 2026-06-05 17:27:01 发布
原创 最新推荐文章于 2026-06-05 17:27:01 发布 · 3.6k 阅读 · 10 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
javascript

当前文章被收录于：

javascript
44 篇文章 1 人学习
订阅专栏 查看详情
本文介绍了一个简洁快速的方法，在GitHub上部署个人静态网站。通过新建公开分支并设置GitHub Pages，即可轻松实现网站部署。

如何在GitHub部署自己的静态网站

最近无意看到了网上阐述如何在git上部署自己的静态网站时，看到的一些教程真的是很繁琐，所以就我来一个简洁快速版本的吧

  1. 第一步
    在自己的github社区新建一个分支，注意一定要public
    在这里插入图片描述

  2. 第二步，进入你创建项目的Settings
    在这里插入图片描述

  3. 第三步，下拉页面到GitHub Pages
    在这里插入图片描述

  4. 第四步，选择master branch分支后查看
    在这里插入图片描述
    到这里就结束了，你上传的静态文件都可以在github.io的地址上访问了，是不是特别简单，嘻嘻。

    其实除了github，还有很多部署网站的工具，也很实用，简单的推荐下
    静态网站：Netlify
    服务网站：
    1、Now
    2、Herkou
    希望对你们有所帮助

部署github page的两种情况
qq_41914181的博客
09-08 3573
部署 userName.github.io 命名的仓库 首先建一个仓库，名称为 你的用户名 + .github.io ，github会自动给构建这个仓库下面的内容到 https://userName.github.io/ 域名下，”/“ 后面就是你仓库内文件的根路径，具体页面根据仓库内文件结构添加即可访问。 例如：仓库里根路径下有一个test.html 就可以访问：https://userName.github.io/test.html 部署普通仓库 部署非上面命名的仓库。 首先，建造的一个仓库，随便命
如何使用Github Page搭建个人网站【踩坑实录&多图预警】
WHYbeHERE的博客
07-12 1万+
使用GIthub Page 搭建个人网站的全过程记录
【保姆级教程】手把手教你如何快速在Github部署自己的静态网页
code_pranger的博客
05-17 577
本文详细介绍了如何利用GitHub Pages部署静态网页并实现文件下载功能。主要内容包括：1) 创建GitHub仓库并推送网页文件；2) 启用GitHub Pages服务及常见问题排查；3) 三种文件下载实现方式：使用a标签的download属性、JavaScript动态触发下载、以及通过Blob对象动态生成文件下载。文章还提供了完整的示例代码，帮助开发者快速上手GitHub Pages的静态网站托管和文件下载功能。
GitHub建立个人网站（一）
WeisongZhao
05-03 1万+
github可以当做自己的个人博客网站，做一个这样的网站的好处有哪些：装 X（如果网站够炫的话。ps：以后抽空闲下来了，肯定要弄个好看的页面，好好装X）很好的用来总结自己所学的知识（可能因为流量的问题，github上面确实只能当做记载的，但是不能传播出去）面试加分（在简历上放上自己的个人网站链接，面试官就可以更好的了解你，知道你所学知识的深度和广度，这点我觉得是相对最重要的）不再受其他博客平台的规...
如何在GitHub上创建自己的个人网站【github.io】
热门推荐
flyunicorninsky的博客
02-07 2万+
详细讲解如何使用GitHub创建个人网站
使用github搭建自己的个人网站（装逼指南）
Bright2017的博客
04-28 2万+
哈喽，你好。欢迎进来我的博客。 上一篇关于git的教程是教大家如何在github上面窗子哦及的本地项目。这次呢，和大家分享一下如何使用github创建自己的个人网站。 当然，前提还是得有github的账号，没有的话赶紧去注册一个。官网：https://github.com/ 然后是起名字了。这里要注意，我之前就在这里错了。 输完名字，下面Description是项目描述，下面的就让...
利用github 免费部署个人网站
2301_80155117的博客
03-30 539
github免费部署个人网站
通过github pages部署自己写的vue个人网站（亲测保熟）
m0_74773277的博客
01-12 3266
其实在最开始的我就一直想写一个自己的个人网站，毕竟打算在这行长久下去（虽然是小白），就必须要给自己留一点脚步印记。虽然之前写过如何部署项目，但是那个项目的服务器却是有时间限制的（新用户白嫖一个月----->点击查看），后续就一直在想要一个永不失联的个人网站，在网上冲浪的时候就发现了github pages（只能是静态页面），写这个的原因就是记录一下，顺便看看能不能帮到其他人。
从零开始搭建你的个人博客：使用 GitHub Pages 免费部署静态网站
qq_22841387的博客
04-22 4849
在互联网时代，拥有一个属于自己的网站不仅是一种展示方式，更是一种技术能力的体现。今天我们将一步步学习如何通过 GitHub Pages 搭建一个免费的个人博客或简历网站。
windows系统将个人博客网站部署到github上
2404_89853580的博客
05-29 457
其中repo为新建的github库的PAT+地址，红色划线部分从ghp一直到@为PAT，@后面为仓库地址部分，其余部分照着写即可。个人博客相关的所有的文件就已经存放到了GitHub上了，现在只凭仓库名就能访问我们的个人博客网站了。，如果使用 Git 的 HTTPS 方式进行身份验证，需要使用。注：GitHub 从 2021 年 8 月 13 日起，已经。
利用hexo+github部署属于自己的个人博客网站(2025年3月所写)
m0_74795952的博客
03-17 2289
本篇博客仅限于利用hexo搭建博客，并且部署到github上面，让自己可以有一个访问的域名，不涉及博客的上传以及博客网站的美化。当然笔者博客上传和网站美化以后会再写一篇博客进行说明参考自这两篇博客混着看的，因为有的地方这篇不行另外一篇可以，所以我混着来的，而且有的地方可能版本太老了，就不太对了，笔者就再加上笔者自己的情况供大家参考了。
在github部署个人网站
帆酱的博客
10-21 869
如果本文帮助到你，本人不胜荣幸，如果浪费了你的时间，本人深感抱歉。 希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误，请一定指出，以免误导大家、也误导我。 如何在GitHub部署自己的静态网站 查看预览：点击查看 1、在自己的github社区新建一个分支，注意一定要public 2、创建完成后将主分支拉直本地，将网页代码上传至仓库，网页入口文件为根目录。 设置GitHu...
GitHub 个人成品网站项目推荐（一键部署即可运营）
weixin_46216236的博客
04-10 1246
GitHub 个人成品网站项目推荐（一键部署即可运营）
基于Hexo和Github Pages的个人网站部署全流程分享【建议收藏】
H13420972436的博客
07-15 1346
但是，大家先别急着看，有几个问题我想要补充说明下视频中使用的，这也是笔者转用github的原因（gitee和gitlab说白了也是仿照github的）要转用github来使用pages，就有些地方要调整了： 仓库的命名-只能命名成视频中在修改 _config.yml 文件的时候，写的是但当我这样写的时候出现了问题，对应位置改成就好了，其他细节参考下面的命令行示意（我之前就是克隆了一个github上的主题库还是咋的，本地能够跑出网页，但是就是不能正常传到github的仓库里，说是有“嵌套仓库”的风险）
构建个人网站：从HTML基础到GitHub Pages部署
weixin_42613018的博客
03-11 1008
本文还有配套的精品资源，点击获取 简介：HTML是创建网页的基础语言，用于定义网页结构和内容。本项目展示了基于HTML创建的个人网站，以及如何使用GitHub Pages进行托管。详细介绍了HTML的基本元素、标签和它们在网页构建中的应用，同时阐述了如何使用GitHub Pages服务发布和维护网站。 1. HTML基础知识介绍 HTML，即超文本标记语言，...
VitePress搭建个人网站手把手教学(从搭建到部署在github服务器上)按照步骤直接cv就可以了
QQ的Blog
10-27 5261
VitePress搭建个人网站手把手教学(从搭建到部署再github服务器上通过外网访问)按照步骤直接cv就可以了
如何高效搭建个人开发者网站：GitHub Pages快速部署完整指南
最新发布
gitblog_00375的博客
06-05 342
作为一名软件开发者，你是否希望拥有一个专业展示自己技术能力和项目作品的个人网站？GitHub Pages个人网站模板为你提供了一个快速、免费且功能完整的解决方案。这个基于Jekyll的模板能够自动集成你的GitHub项目、技术兴趣和社交媒体，帮助你在几分钟内创建一个专业的在线技术名片。 ## 为什么开发者需要个人网站？ 在当今数字化时代，个人网站已经成为开发者展示专业能力的重要平台。一个精心设
建立一个个人网站部署到github上
dandan23___的博客
06-20 1384
《通信软件开发与应用》课程结业报告 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录《通信软件开发与应用》课程结业报告前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容
10分钟部署个人学术网站：academicpages.github.io极速上手教程
gitblog_00335的博客
09-09 914
你是否还在为搭建个人学术网站而烦恼？花费数天时间学习HTML/CSS，调试各种插件，最终却得到一个不够专业的页面？现在，这些问题都将成为过去。本教程将带你使用academicpages.github.io模板，在短短10分钟内完成个人学术网站的部署与基础配置。无需复杂的编程知识，只需跟随以下步骤，你就能拥有一个功能完善、专业美观的学术展示平台。 读完本教程，你将能够： - 快速部署个人学术网站 ...
使用 GitHub 和 Vercel 部署个人网站
AlbertChou1的博客
03-31 488
摘要 本文介绍如何使用GitHub和Vercel免费部署Next.js博客项目。首先在GitHub创建仓库存储代码，使用master分支作为部署版本。然后在Vercel导入GitHub项目，自动识别Next.js结构并部署，生成可访问地址。后续更新只需将代码推送到GitHub，Vercel会自动检测并更新网站。该方案支持私有仓库和多人协作开发，实现代码托管与网站部署的无缝衔接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值