在GitHub上如何创建github.io-CSDN博客

本文详细介绍了在GitHub上创建github.io网站的步骤，包括创建GitHub账号，新建仓库配置github.io地址，安装git，创建本地项目文件夹，链接远程仓库，执行git指令，打包项目并上传到GitHub，最后在浏览器中预览个人网站。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在GitHub上如何创建github.io

github网址：https://github.com/

具体实现：

第一步：先创建一个gitthub账号，进入如下页面：

第二步：a.点击new这个按钮：

b.进入以下页面：

第三步：配置github.io地址

第四步：点击创建仓库，创建GitHub.io仓库

第五步：创建成功后，进入如下页面：

第六步：安装git，下载你需要的版本。如果已经下载过，直接跳过这一步。

下载git网址：https://git-scm.com/download/win

第七步：在创建一个文件夹（自己命名，尽量不要删除）我这里是用自己的名字首字母命名

第八步：链接GitHub.io远程仓库地址

进入这个文件夹，然后鼠标右键点击

第九步：弹出如下图所示：

第十步：执行github指令

git  init   初始化仓库

git  status  查看当前工作区 暂存区状态

git remote add origin https://github.com/OneInfatuation/Onenfatuation-github.io.git //复制自己创建的仓库地址

git push -u origin master

第十一步：把你的项目打包，npm run-script build

打包后的项目会有一个dist文件夹，把这个文件夹剪切到第七步创建的文件夹里面

在执行github命令

git add .                      添加工作区到暂存区

git commit -m "xxx"            将暂存区添加到 存储区

git push -u origin master      将本地存储区 提交到远程存储库

第十二步：在浏览器地址栏中输入github.io地址,也可以在手机浏览器中输入查看写的项目