讲师中心 微信公众号
AI工具推荐 视频效率加速

GitHub 个人网站怎么搭建?GitHub Pages 建站教程

阿明酱_3565

阿明酱_3565

发布时间:2026-03-17 15:08:31

|

421人浏览过

|

来源于php中文网

原创

GitHub Pages 可免费搭建个人网站,需创建用户名.github.io 仓库、上传 index.html、推送代码至 main 分支,并在 Settings→Pages 中启用;支持可选自定义域名绑定。

github 个人网站怎么搭建?github pages 建站教程

如果您希望在 GitHub 上创建一个属于自己的个人网站,GitHub Pages 提供了免费、简单且无需服务器维护的静态网站托管服务。以下是搭建 GitHub 个人网站的具体步骤:

一、创建专用仓库

GitHub Pages 个人网站要求使用特定命名规则的仓库,该仓库将作为您个人主页的源代码存储位置。GitHub 会自动识别该仓库并启用 Pages 服务。

1、登录 GitHub 账户,点击右上角“+”号,选择“New repository”。

2、在仓库名称栏中输入 您的 GitHub 用户名.github.io(例如:octocat.github.io),注意必须完全匹配,区分大小写。

3、将仓库设为 Public(GitHub Pages 不支持私有仓库托管个人主页)。

4、不勾选“Add a README file”,点击“Create repository”。

二、准备网站内容

GitHub Pages 默认从仓库根目录加载 index.html 作为首页。您可以直接上传静态文件,或使用 Jekyll 等静态站点生成器构建更复杂的结构。

1、新建一个本地文件夹,命名为与仓库同名(如 username.github.io)。

2、在该文件夹中创建一个名为 index.html 的文件,内容可为最简 HTML 结构:
<!DOCTYPE html><html><body><h1>Hello, GitHub Pages!</h1></body></html>

3、保存文件后,确保该文件位于文件夹根目录下,无嵌套子文件夹。

三、推送内容到 GitHub 仓库

将本地网站文件提交并推送到 GitHub,触发 Pages 自动构建和发布流程。GitHub 会在几分钟内完成部署,并分配可访问的 URL。

1、在本地文件夹中打开终端(或 Git Bash),执行 git init 初始化仓库。

2、执行 git remote add origin https://github.com/用户名/用户名.github.io.git(替换为您的实际仓库地址)。

3、执行 git add . 添加全部文件。

4、执行 git commit -m "Initial commit" 提交更改。

5、执行 git branch -M main 确保主分支名为 main。

6、执行 git push -u origin main 推送至远程仓库。

四、启用并验证 GitHub Pages

推送完成后,GitHub 会自动检测并启用 Pages 功能。您需要进入仓库设置页面确认状态,并获取已发布的网址。

1、进入仓库主页,点击 “Settings” 标签页。

2、在左侧菜单中点击 “Pages”。

3、在 “Source” 区域确认分支为 main,并确保构建状态显示为 “Built successfully”。若未自动启用,手动下拉选择 main 分支并点击 “Save”。

4、刷新页面,在 “GitHub Pages” 区域查看已发布的网址,格式为 https://用户名.github.io。

五、自定义域名(可选)

若希望使用自己的独立域名(如 www.example.com),可通过 CNAME 文件与 DNS 设置实现绑定,GitHub Pages 支持该功能且不中断原有服务。

1、在本地仓库根目录创建一个名为 CNAME 的纯文本文件(无扩展名)。

2、在该文件中仅写入您的自定义域名,例如:www.example.com(注意不加 http:// 或斜杠)。

3、提交并推送该文件至 main 分支。

4、登录域名服务商控制台,为该域名添加一条 A 记录指向 185.199.108.153、185.199.109.153、185.199.110.153、185.199.111.153,或添加一条 CNAME 记录指向 用户名.github.io(推荐用于 www 子域名)。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started,GitHub 是一种基于云的平台,可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中,你可以: “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

8345

2026.01.21

GitHub官网入口版本汇总
GitHub官网入口版本汇总

本专题整合了GitHub入口版本地址汇总,阅读专题下面的文章了解更多详细内容。

798

2026.04.02

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

5599

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

1680

2023.07.06

git撤销提交的commit
git撤销提交的commit

Git是一个强大的版本控制系统,它提供了很多功能帮助开发人员有效地管理和控制代码的变更,本专题为大家提供git 撤销提交的commit相关的各种文章内容,供大家免费下载体验。

974

2023.07.24

git提交错误怎么撤回
git提交错误怎么撤回

git提交错误撤回的方法:git reset head^:撤回最后一次提交,恢复到提交前状态。git revert head:创建新提交,内容与之前提交相反。git reset :使用提交的 sha-1 哈希撤回指定提交。交互式舞台区:标记要撤回的特定更改,然后提交,排除已撤回更改。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3637

2024.04.09

git怎么对比两个版本的文件内容
git怎么对比两个版本的文件内容

要对比两个版本的 git 文件,请使用 git diff 命令:git diff 比较工作树和暂存区之间的差异。git diff 比较两个提交或标签之间的差异。git diff 输出显示差异块,其中 + 表示添加的行,- 表示删除的行, 表示修改的行。可使用 gitkraken、meld、beyond compare 等可视化工具更直观地查看差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3341

2024.04.09

http500解决方法
http500解决方法

http500解决方法有检查服务器日志、检查代码错误、检查服务器配置、检查文件和目录权限、检查资源不足、更新软件版本、重启服务器或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3123

2023.11.09

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

80

2026.09.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn