创建Github Pages 仓库

Github Pages 仓库创建

    • [1. 在 GitHub 上创建一个新仓库](#1. 在 GitHub 上创建一个新仓库)
    • [2. 在仓库中创建一个分支(可选,可跳过)](#2. 在仓库中创建一个分支(可选,可跳过))
    • [3. 创建您的静态网站](#3. 创建您的静态网站)
    • [4. 启用 GitHub Pages](#4. 启用 GitHub Pages)
    • [5. 等待构建完成](#5. 等待构建完成)
    • [6. 访问您的网站](#6. 访问您的网站)

在 GitHub 上创建一个 GitHub Pages 仓库是相对简单的。GitHub Pages 允许您将您的代码仓库发布为一个静态网站。以下是创建 GitHub Pages 仓库的一般步骤:

1. 在 GitHub 上创建一个新仓库

  • 登录到您的 GitHub 账户(没有就注册一个吧,开始你的GitHub之旅)
  • 在页面右上角,点击页面顶部的 "+"(加号)按钮,然后选择 "New repository"(新建仓库)
  • 命名您的仓库,填写一个简短的描述,选择是否要将仓库设置为公共或私有
  • 勾选 "Initialize this repository with a README" 选项,这将创建一个初始的 README 文件

2. 在仓库中创建一个分支(可选,可跳过)

  • 尽管这是可选的,但它是一个好的实践,您可以在主分支(通常是 mainmaster)之外创建一个专门用于 GitHub Pages 的分支。例如,您可以创建一个名为 gh-pages 的分支。

  • 如果使用命令行,您可以执行以下操作:

    bash 复制代码
    git checkout -b gh-pages

3. 创建您的静态网站

  • 在您的仓库中,您可以添加一个简单的 HTML 文件,或者将整个网站的代码上传到仓库

  • 如果您使用了分支,确保您的静态网站文件位于该分支的根目录

  • 代码编写(简易编写一个Hello, World!)

  • 填写提交信息

4. 启用 GitHub Pages

  • 进入仓库的 Settings(设置)选项卡
  • 在左侧导航栏中,选择 "Pages"
  • 在 "Source" 部分,选择您希望用于 GitHub Pages 的分支(通常是 maingh-pages
  • 点击 "Save"

5. 等待构建完成

  • GitHub Pages 将为您的仓库构建和发布网站。构建完成后,您将在 "Pages" 部分看到您的网站的链接。通常,链接的格式是 https://username.github.io/repository,其中 username 是您的 GitHub 用户名,repository 是您的仓库名称。

6. 访问您的网站

  • 等待几分钟后,您的网站就会在链接上可用。

    接下来就可以开始你的建站之旅(把静态站玩出❀吧,少年)

请注意,GitHub Pages 默认使用 main 分支(以前是 master 分支)的内容。如果您使用的是其他分支,确保在 "Settings" -> "Pages" 中正确设置了分支。

相关推荐
江畔柳前堤5 小时前
github实战指南01-账号配置与 SSH 密钥
运维·人工智能·深度学习·ssh·github·pyqt·信号处理
kyriewen7 小时前
从本地到生产:迁移到 GitHub Actions 自动化 CI/CD,总结了这 5 个坑
前端·github·自动化运维
江畔柳前堤8 小时前
github实战指南02-仓库管理与 Issue
人工智能·深度学习·github·信号处理·caffe·wps·issue
江畔柳前堤10 小时前
github实战指南07-CLI 与高级技巧
前端·人工智能·chrome·深度学习·github·caffe·issue
右耳朵猫AI10 小时前
GitHub周趋势2026W23 | last30days-skill AI搜索、headroom令牌压缩、apple/container开源
人工智能·开源·github
器灵科技11 小时前
AI视频工具实测:Seedance/可灵/HappyHorse谁最能打?
java·运维·数据库·人工智能·github
DogDaoDao11 小时前
【GitHub】 Headroom 深度解析:AI Agent 上下文压缩层的完整技术拆解
人工智能·深度学习·程序员·github·ai agent·智能体·agent skill
dominciyue12 小时前
当 judge 们吵起来时,别再投票了:用执行结果给 code eval 一个 ground truth
github
TA远方12 小时前
【HTML】JavaScript Canvas 图像截取与保存完整指南
前端·javascript·html·canvas·截图·截取
IT 行者12 小时前
GitHub Spec Kit 实战(六):/speckit.implement 怎么用、怎么审、怎么发现 spec 阶段的遗漏——五部曲收官
java·驱动开发·github·ai编程·claude