Github Pages 创建

0.前言

   此篇文章是通过github去创建Github pages,其中的核心操作部分就是gh-pages分支的创建,当它被创建好后github的setting里的github pages会自动创建可以进行访问的博客网址。


1.创建流程

1.1 第一步在github上新建Repository

Github Pages 创建_第1张图片
创建远程仓库

其中的名字自己起的有意义即可(不建议用github用户名.github.io进行命名,因为这样在Github Pages里会默认使用master分支,接下来不好进行修改为gh-pages,因为大量资料显示Github Pages应该被部署到gh-pages上),权限为public,选择初始化一个README(当然也可以不初始化,后面自己在创建)

1.2 第二步点击当前文件下的Setting

Github Pages 创建_第2张图片
click Settings

这一步只是引导,主要是为了查看Settings下面的github pages,如图:


Github Pages 创建_第3张图片
Github Pages

这步的目的是因为,我想确认gh-pages分支建立前,master它不会自动创建。。

1.3 将远程库克隆到本地仓库

个人认为这样会比较方便。当然我们也可以先在本地创建好仓库,然后关联到远程仓库。在本地先创建时,会用到如下命令:

git init(先进行初始化);git remote add (远程库关联);

具体的本地创建库流程在这里不进行赘述,大家可以参考各种搜素引擎工具。

克隆远程仓库的指令是git clone 地址(可在远程库的如下图标进行复制)

Github Pages 创建_第4张图片

然后先在本地创建一个空文件夹,进入后点击右键选择 Git bash,然后在弹出来的命令行工具内输入如下:


Github Pages 创建_第5张图片
远程克隆到本地

这时我们看到的是master分支,接下来就是gh-pages分支的确立。(这里的图是补的一个图所以看到的目录名会和下面的不一样,请忽略就好!)

1.4 分支gh-pages创建


Github Pages 创建_第6张图片
分支创建

操作如上图,这时在本地创建好的分支记得要push到远程仓库上去,这时我们在去看看Github Pages:


Github Pages 创建_第7张图片
创建成功

看到如上图界面的时候,我们可以直接通过访问网址访问自己的博客了!

1.5 部署自己的html,css样式等文件

我们可以把自己提前下好的模板内容并且已经修改过的内容,把这些文件放到本地仓库目录文件下,然后将全部新的内容进行Commit和push。(这里我用的是辅助工具Source Tree,可以少写指令,具体使用方法大家可自行百度或Google,毕竟资源很多)。

1.6 访问自己的博客


finished

到次步,一切都已完成!虽然我的这个是很简陋了,接下来就是为自己的博客注入更多的血液,然后不停的提交和Push就好了!


3. 结语

有什么说明和操作不当的地方还望批评指正,互相交流学习!

你可能感兴趣的:(Github Pages 创建)