Github Pages搭建指南(基于Windows Babun )

Github注册

登陆github.com注册Github账户

img

选择默认的免费账户就好

36A81D20-ABC1-4412-8DD1-C419FB340C0B

点击Continue,然后查收一下邮箱。通过邮箱链接验证账户。
2CCE13D3-A7F0-4B64-93A0-F6D9807851E7

新建Github Pages Repository

点击“Start a project”,开始你的第一个项目。
由于我们想要建Github Pages,所以Repository name必须是”用户名.github.io”的格式,由于我的用户名是szoilma,所以我们Repository name是“szoilma.github.io”。以后我们也可以通过szoilma.github.io这个地址登陆我们的Github Pages。
47405160-CF4D-4F85-8C7D-D1B66592969B

Create repository后,会出现以下界面,我们需要拷贝一下红框里的链接,我的是
https://github.com/szoilma/szoilma.github.io.git
A3333D94-0F32-40E7-A211-5A9322127333

本地计算机配置

下载(克隆)到本地

在终端里使用 git clone + repository地址
913CF7CB-92BB-49B3-8E83-963A11E2D3F1

这时通过cd命令打开repository的文件夹,文件夹的名称就是repository的名称,我的是”szoilma.github.io”,如果不记得,可以使用ls命令查看当前目录下有什么文件,github.io结尾的就是你的repository文件夹。
6D102755-C0A7-4A8B-8630-75B9BED05720

添加一个网页文件

这时,我们可以编辑一个html文件。可以通过终端编辑器,一般会用vim,不过对于新手来说太过复杂,我们可以使用nano终端编辑器,直接在终端输入

1
nano index.html

进入编辑器,直接编辑,输入“Hello world”,如果你想调整最终显示的字体效果,可以登录W3CSchool查看一下HTML的编辑方式。
8FD17AAD-5498-4F13-BA9D-7C0E32B91EEE

编辑完成后点击Ctrl+x(^代表Ctrl)退出。
600A8749-3EC4-4D67-BC40-B97B0A58A0D3
出现以上提示,点击”Y”保存修改。
F5D9474B-6D6D-4E55-A7C7-832576F69AF4
要保存的文件名,我们直接按回车就好。

git add

将index.html加到git里面,通过以下命令:

git add index.html

git commit

添加完成后,我们要对这次修改标注一下,以便今后进行版本的管理,使用git commit命令(建议直接使用git commit -m “本次改动的备注”,比如我本次添加了一个index.html,可以备注成“add index.html”)

1
git commit -m "add index.html"

git config

这时,你可能会发现以下错误提示,
DBABBAD6-2DB8-47A2-B2C4-FD934118BFEA

这是因为我们没有为git设置username和email
使用以下两个命令可以设置(将email和name改成你自己的)

1
2
git config --global user.email felix.ma@szoil.org
git config --global user.name "szoilma"

user.email和user.name只用设置一次,以后使用“git commit”就不会出现错误了。

1
git commit -m "Add index.html"

27978156-CDB4-4DF0-83EA-3045D2D5FB5C

git push

然后使用“git push”命令把,把本地的资料更新到github上,同时输入你Github的用户名和密码。

1
git push -u origin master

EDC0A8E8-CBEC-4E0F-848A-B158A4AFDEAE

这时,你在浏览器打开你的Github pages,”index.html”的内容就会显示在上面。
77715EFB-9912-4905-A062-FFD3E9BB50C8