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

git使用GitHub Pages部署静态网站【教程】

轻辰君_9492

轻辰君_9492

发布时间:2026-06-10 07:16:46

|

682人浏览过

|

来源于php中文网

原创

GitHub Pages用户主页必须使用username.github.io命名仓库,且index.html需置于main分支根目录,Settings中须手动启用Pages并选择正确分支和根路径,否则将导致404。

git使用github pages部署静态网站【教程】

GitHub Pages 不需要你写任何构建脚本就能上线静态网站,但前提是仓库结构、分支和配置必须对得上——错一个环节,index.html 就不会被识别为首页,或者页面压根 404。

仓库命名必须是 username.github.io

这是用户主页(即直接访问 https://username.github.io)的硬性要求。GitHub 会自动把该仓库的 main(或 master)分支根目录当作网站根路径。

  • 如果仓库叫 my-portfolio,哪怕内容完全一样,GitHub Pages 也不会把它当个人主页用,只能作为项目页(路径变成 https://username.github.io/my-portfolio)
  • 用户名含大写字母或特殊符号?不行,GitHub 用户名全小写,且只支持字母、数字、短横线
  • 已存在同名仓库?先删掉旧的,再新建——GitHub 不允许重复命名

git push 后页面仍 404 的常见原因

推送成功 ≠ 页面可访问。GitHub Pages 构建有延迟,且依赖明确的发布源设置。

Gitlab Mr Review Pipeline
Gitlab Mr Review Pipeline

自动化 GitLab MR 代码审查流水线,利用 AI 生成审查报告并邮件发送给提交人。

下载
  • 没进 Settings → Pages 手动启用:默认不开启,必须点开并选择分支(如 main)和文件夹(/ (root)),点 Save
  • 推送的是 dev 分支,但 Settings 里选了 main:分支不匹配,页面不会更新
  • index.html 不在仓库根目录:比如放在 src/ 或 public/ 下,GitHub Pages 默认不递归查找,必须挪到最外层
  • 文件权限异常(极少见):本地用 git add -f index.html 强制添加,避免被 .gitignore 忽略

自定义域名后 HTTPS 失败或跳转回 username.github.io

绑定自定义域名后出现跳转或证书警告,基本是 DNS 和 GitHub 两侧没对齐。

  • CNAME 文件必须放在仓库根目录,内容只有一行:你的域名(如 www.example.com),不能带 http:// 或末尾斜杠
  • 域名服务商处要配两条记录:CNAME 指向 username.github.io(仅用于 www 子域),或 A 记录指向 GitHub 的四个 IP(185.199.108.153、185.199.109.153、185.199.110.153、185.199.111.153)——裸域(@)必须用 A 记录
  • GitHub Pages 设置里填了 example.com 却没勾选 “Enforce HTTPS”:建议勾选,但首次勾选可能需等几分钟证书生成,期间页面会短暂不可用

最容易被忽略的是:每次改完 CNAME 或 DNS,GitHub 需要重新验证域名所有权,这个过程不是实时的——有时候等 10 分钟才生效,别一刷新 404 就重推代码。

热门AI工具

更多
DeepSeek

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

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

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

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

切问学术

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

墨刀AI
墨刀AI Hot

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

豆包大模型

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

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于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 等可视化工具更直观地查看差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3321

2024.04.09

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

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

60

2026.09.30

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

60

2026.09.30

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
vscode手册
vscode手册

共0课时 | 0人学习

Git 教程
Git 教程

共21课时 | 7.9万人学习

Git版本控制工具
Git版本控制工具

共8课时 | 1.9万人学习

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

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