如何将代码上传至GitHub并创建gh-pages站点

第一步：在GitHub创建新仓库 #

• 登录GitHub账号，点击右上角「+」选择「New repository」
• 填写仓库名称（如my-personal-website），可勾选「Add a README file」，点击「Create repository」完成创建

第二步：克隆仓库到本地（用GitHub Desktop） #

• 打开GitHub Desktop，点击「File」→「Clone repository」
• 在列表中找到刚创建的仓库，选择本地存储路径，点击「Clone」

第三步：复制网站文件到本地仓库 #

• 打开克隆好的本地仓库文件夹，将你用Atom制作的所有HTML、CSS、JS文件及相关子文件夹全部复制进去
• 返回GitHub Desktop，左侧会自动显示新增的文件

第四步：提交并推送文件到GitHub #

• 在「Summary」输入框填写简单提交说明（如「Upload website files」）
• 点击「Commit to main」（或当前默认分支名称）
• 点击右上角「Push origin」，将本地文件同步到GitHub仓库

第五步：开启gh-pages站点 #

• 打开GitHub上的仓库页面，点击顶部「Settings」
• 找到左侧菜单的「Pages」选项（或向下滚动页面找到该板块）
• 在「Source」区域，选择分支（如main），再选择文件根目录「/root」，点击「Save」
• 等待5-10分钟，页面会生成你的站点地址（格式：https://你的GitHub用户名.github.io/仓库名/）

关键提示 #

• 确保网站首页文件名为index.html，否则gh-pages无法正常识别首页
• 若站点未即时显示，稍等片刻后刷新页面即可

内容的提问来源于stack exchange，提问作者k_martha