如何通过GitHub免费搭建在线网页(博客)

特别申明：用此方法只能搭建包含html+css+js的静态网页；

（此项内部问题请自行度娘）

1.你需要拥有一个GitHub账号；

2.你需要安装git程序；

3.你需要掌握基本的电脑以及网页编辑相关知识；

下面只是简略列出快速搭建网页的步骤（该步骤为windows系统下方法）

（重要）建立项目主页步骤：

2.点击右上角“+”，新建一个repository(仓库);

a.填写"repository name"仓库名（必需）和"Description"描述（可选）；

b.类型默认选择为public.(此处无需更改，private为私人类型需要花钱购买该项服务)；

c.勾选项"Intialize this repository with a Readme"为初始化（可选）；

d.点击"Create repository"按钮;

3.创建用于页面展示的gh-pages分支;

a.点击"settings";

b.在options下右侧显示内容拉至下部找到GitHub Pages栏；

c.点击"Automatic page generator"按钮跳转到编辑页面；

d.在接下来的操作中基本都不用管，一路点绿色按钮直到点击"publish page"按钮结束;

e.此时已创建完用于展示的默认页面；

4.克隆仓库到本地并在本地将你需要展示的内容文件上传到gh-pages分支；

a.在你本地用来安放仓库的目录下右键选择"git bash here"会弹出git命令窗口;

b.在命令窗口中输入 "git clone https://github.com/用户名/仓库名" 从远程库中克隆到本地生成对应的仓库名文件夹;

c.双击（仓库名)文件夹；

d.在命令窗口中输入 "git checkout -b gh-pages origin/gh-pages" 在本地新建一个由远程"orgin/gh-pages"分支下面分化出来的"gh-pages"（暂时不懂也无所谓，执行这句就行）;

e.然后输入命令 "git rm -rf ."删除当前仓库目录下的所有(步骤2中创建分支时系统默认生成的）文件;

f.直接在此处编辑你用来展示页面的文件或者将你需要用来展示页面的文件放到此目录下；

g.在命令窗口中输入 "git add ."缓存当前目录下的所有文件['.'代表全部，如果只是修改/更新请将'.'换成需要更改的文件（夹）名];

h.在命令窗口中输入 "git commit -m '注释内容' " 提交文件到当前仓库；

i.在命令窗口中输入 "git push origin gh-pages" 推送文件到远程仓库(此处最后需要你输入你的用户名和密码)；

另外，如果已经完成过上面步骤，但是后面想修改前面的文件内容时:

按顺序执行第3步中的"c"、"a"、"g"、"h"、"i"即可;

至此，项目页面展示完成，通过"http://用户名.github.io/项目名"即可展示你的页面了。

(注意：上述步骤中输入命令时，只需输入双引号内的内容。)

最后补充你可能需要的链接地址

如需了解更多有关git的相关知识请点击Pro Git 简体中文版

此处内容有必要了解一下（选修）

1.个人主页必须要和用户的GitHub帐号同名，所以每个用户有且只能有一个repo作为个人主页，且必须是<用户名/用户名.github.io> 的形式；而项目主页的命名则没有这种限制，且数量有任意多个;

2.不考虑绑定的自定义域名的前提下，个人主页的GitHub二级域名为<用户名.github.io> ;项目主页的GitHub二级域名为<用户名.github.io/项目名>,没有<项目名.用户名.github.io> 这种方式;

3.个人主页的展示内容以 master 分支里的文件为准；而项目主页的展示内容以 gh-pages 分支内的文件为准;

最后编辑于：2017.12.03 06:00:17