创建 GitHub Pages 站点

为站点创建仓库

可以为站点创建存储库或选择现有存储库。

如果存储库中并非所有文件都与站点相关，且要为存储库创建 GitHub Pages 站点，则能够为站点配置发布源。 例如，可以使用专用分支和文件夹保存站点源文件，也可以使用自定义 GitHub Actions 工作流来生成和部署站点源文件。

如果拥有存储库的帐户使用组织的 GitHub Free 或 GitHub Free，存储库必须是公共的。

如果要在现有存储库中创建站点，请跳至“创建站点”一节。

1. 在任何页面的右上角，选择 ，然后单击“新建存储库”。

   

2. 使用“所有者”下拉菜单选择你想要拥有存储库的帐户。

   

3. 输入仓库的名称和说明（可选）。 如果要创建用户或组织站点，则存储库必须命名为 <user>.github.io 或 <organization>.github.io。 如果您的用户或组织名称包含大写字母，您必须小写字母。 有关详细信息，请参阅“关于 GitHub Pages”。

   

4. 选择仓库可见性。 有关详细信息，请参阅“关于仓库”。

5. 选择“使用 README 初始化此存储库”。

6. 单击“创建存储库”。

创建站点

必须先在 GitHub 上有站点的仓库，然后才可创建站点。 如果未在现有存储库中创建站点，请参阅“为站点创建存储库”。

1. 在 GitHub 上，导航到站点的仓库。

2. 确定要使用的发布源。 有关详细信息，请参阅“配置 GitHub Pages 站点的发布源”。

3. 为站点创建入口文件。 GitHub Pages 将查找 index.html、index.md 或 README.md 文件，作为站点的入口文件。

   如果发布源是分支和文件夹，则入口文件必须位于源分支上源文件夹的顶层。 例如，如果发布源是 main 分支上的 /docs 文件夹，则入口文件必须位于名为 main 的分支上的 /docs 文件夹。

   如果发布源是 GitHub Actions 工作流，则部署的项目必须在项目的顶层包含入口文件。 可以选择使用 GitHub Actions 工作流在工作流运行时生成入口文件，而不是将入口文件添加到存储库。

4. 配置发布源。 有关详细信息，请参阅“配置 GitHub Pages 站点的发布源”。

5. 在存储库名称下，单击 “设置”。 如果看不到“设置”选项卡，请选择“”下拉菜单，然后单击“设置”。

   

6. 在边栏的“代码和自动化”部分中，单击“ Pages”。

7. 若要查看已发布的网站，请在“GitHub Pages”下单击“ 访问网站”。

   

   Note

   对站点的更改在推送到 GitHub 后，最长可能需要 10 分钟才会发布。 如果一小时后仍然在浏览器中看不到 GitHub Pages 站点更改，请参阅“关于 GitHub Pages 站点的 Jekyll 构建错误”。

8. GitHub Pages 站点是使用 GitHub Actions 工作流生成和部署的。 有关详细信息，请参阅“查看工作流程运行历史记录”。

   Note

   GitHub Actions 对公共存储库是免费的。 如果专用存储库和内部存储库超出每月分配的免费分钟数，则会收取使用费。 有关详细信息，请参阅“使用限制、计费和管理”。

后续步骤

您可以通过创建更多新文件向网站添加更多页面。 每个文件都将在网站上与发布源相同的目录结构中。 例如，如果项目网站的发布源是 gh-pages 分支，并且你在 gh-pages 分支上创建了名为 /about/contact-us.md 的新文件，该文件将在 https://<user>.github.io/<repository>/about/contact-us.html 下。

您还可以添加主题以自定义网站的外观。 有关详细信息，请参阅“使用 Jekyll 向 GitHub Pages 站点添加主题”。

要更多地自定义您的站点，您可以使用 Jekyl - 内置 GitHub Pages 支持的静态站点生成器。 有关详细信息，请参阅“关于 GitHub 页面和 Jekyll”。

其他阅读材料

• 排查 GitHub Pages 站点的 Jekyll 构建错误
• 创建和删除仓库中的分支
• 创建新文件
• 排查 GitHub Pages 站点的 404 错误