小白教程 | 利用Github Pages快速搭建个人博客

  现在这个世界,科技发展日新月异,AI,Big Data,Block Chain,Cloud Computing,IoT……稍不留意就飚几个你听都没听过的词出来,更何况现在连卖鸭脖的都要搞互联网,所以呀,没有个人博客都不好意思跟别人说你是敲代码的。
  还好,利用Github Pages,我们可以快速搭建个人博客,方法非常简单!
  首先打开Github网站,并登录你的账号。
  因为Github Pages是完全基于Github创建的,也就是说你的博客站点实际上就是你的Github账户下的一个特殊的repo。所以,点击“New repository”新建一个仓库。
  而这个repo的特殊之处就是,它的名字必须是“username.github.io”(划重点啦,不要打瞌睡!),其中,username就是你的Github账户的用户名,比如我这里就是“luhuadong’。

小白教程 | 利用Github Pages快速搭建个人博客_第1张图片

  接下来clone刚刚建好的仓库到本地,Github上提示得很清楚,如果是类Unix系统,可以很方便地使用命令行来操作。
  

小白教程 | 利用Github Pages快速搭建个人博客_第2张图片

  那我这个小白教程就用Windows的Github客户端演示一下吧。
  打开客户端,登录账号,点击左上角的“+”号,找到“Clone”,搜索刚刚创建的“luhuadong.github.io”(你不要输入我这个),然后点击“Clone repository”,然后找个合适的地方存放本地工作目录即可。

小白教程 | 利用Github Pages快速搭建个人博客_第3张图片

  这时候,你就可以进入上面指定的工作目录,新建一个index.html文件。

小白教程 | 利用Github Pages快速搭建个人博客_第4张图片

  然后动动手指写一个“Hello World”。

小白教程 | 利用Github Pages快速搭建个人博客_第5张图片

  接下来,重点来了!回到Github客户端,你可以看到一些状况,接着“add –> commit –> push”把本地工作目录的情况更新到Github远程仓库。

小白教程 | 利用Github Pages快速搭建个人博客_第6张图片

  不要忘记点击“Publish”!

小白教程 | 利用Github Pages快速搭建个人博客_第7张图片

  这个时候就应该坐下来喝杯茶,然后打开你喜欢的浏览器,输入“luhuadong.github.io”,回车。

小白教程 | 利用Github Pages快速搭建个人博客_第8张图片

  好啦,恭喜你,你的个人博客已经搭建成功了!
  Excuse me?就这么简单?
  额……就是这么简单,不过我知道你是在嫌弃这个博客太难看,没关系,接下来的前端设计工作就交给你(或者是Jekyll)吧。


扩展阅读:
【1】https://pages.github.com/
【2】http://jekyllcn.com/
【3】http://jekyllthemes.org/
【4】https://www.zhihu.com/question/59088760/answer/161640592
【5】http://blog.csdn.net/walkerhau/article/details/77394659

你可能感兴趣的:(Web全栈开发之旅)