如何使用GitHub Pages搭建页面

一 创建仓库

创建仓库.PNG

二 获取仓库

• 1.打开settings，找到Github Pages 的设置，点击 source 中的 None ，使其变成 master 分支，也就是作为部署github pages 的分支，然后点击 save。

设置.PNG

• 2.页面刷新之后，再看 github pages 设置框处，多了一行网址，就是你的 github pages 的网址了。

网站.PNG

三 创建本地文件

• 1.在桌面新建一个文件夹，右键空白处点击 git bash here（首先确保安装了git）。

git.PNG

• 2.克隆，复制链接。

clone.PNG
命令 git clone https://github.com/Cyokin1207/TNTpage.git
gitclone.PNG

• 3.这个时候文件中就会多一个TNTpage文件，打开它。

文件夹.PNG
文件.PNG

• 4.将自己的网页文件复制粘贴至该文件中。

添加.PNG

• 5.命令git status，列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件，也就是所有改动文件，红色字体标出。

git1.PNG

• 6.然后输入 “git add . (有个点)” 表示添加当前目录下的所有文件和子目录。 然后 再输入一次 git status 如果看见文件都变绿了 ，那么就代表 它们已经准备好了被提交（git commit）。

git2.PNG

• 7.输入命令（git commit -m ‘这里是描述test’）将文件上传至远程 master 分支

git3.PNG

• 8.先git pull再git push。输入最后一行 git push，按回车，等一会，会有弹出框让你输入你的 github 账号和密码

git pull (从远程仓库下载到本地仓库)
git push (从本地仓库上传到远程仓库 )

git4.PNG
git5.PNG

• 9.完成。回到GitHub你的仓库主页，刷新，不断的刷新，刚刷新的几次什么都没有，以为自己没有上传成功，反反复复又上传了好几遍，总之就是刷新到你怀疑人生。

上传成功.PNG

四 通过网址即可访问页面

https://cyokin1207.github.io/TNTpage/index.html

1.PNG
2.PNG