GitHub Pages + Jekyll 快速搭建个人博客

        本文主要讲如何使用 Jekyll 在 Github 搭建博客(GitHub Pages + Jekyll )，搭建博客还有其它的方法，在这之前我没在 github 上搭建博客，到成功的在github建立了博客，博客地址请点击这里浏览 ，搭建一个博客需要的技术很少，直接Clone一个主题，然后修改个人信息，放入自己的博客就好。

        我使用的是 jekyll主题， 不了解 jekyll 的小伙伴请点击这里。 可以先去下载自己喜欢的主题，然后上传到github(上传步骤省略，不懂得请点击这里，懂得请忽略)，如果觉得不好看可以自己写，自己写需要复杂技术，建议直接用大神写的。

       上传完了之后，在github上找到你的项目，然后选择Setting，设置Github Page，下图以涛哥的为例：

上传博客写博客

1、先改名字。

2、重命名之后，再次回到 Settings ，页面往下拉到 GitHub Pages 相关设置，在 Source 下面的复选框中选择 master branch （图中步骤1），然后点击旁边的 Save 按钮保存设置。

3、修改成功后你会发现存在这样一个地址(上图步骤2)： https://github_username.github.io/...     

    其中github_username是你的github登录名，后面省略的是你修改的名称。

4. 接下来配置项目的_config.yml文件，除了名称和描述之外，url改为上面第三步的就行，其它的具体内容请参考官方网站，或者去百度也行，大把的有。

5、修改完配置文件后，点击点击上面的url，就会跳转到你的博客主页啦！进去后所有模板都是别人的，先删除博客的内容，博客放在_post文件夹下，你可以保留一些博客，模仿别人的格式来写。关于博客格式在后面会写。

我们可以直接在博客文件夹写博客，博客支持很多类型，可以用 Markdown 编写，也可以用 Textile 格式编写。

首先创建一个博客，需要安装文件名有开始是YYYY-MM-DD-博客名称后缀可以使用很多，在于用什么写，涛哥用的是Markdown 。

最简单的是加上：

---
layout: post
---

 

layout是指定布局的意思，指定 _layouts 目录下的某个文件，我们这里指定post文件，post文件可以使用{{ content }}标签来调用内容，就是把博客内容放在post文件代换标签

layout还可使用include来包含 _includes 文件夹中的文件。文件夹主要放的是功能的东西，可以是播放器，或者评论还是flash。

剩下的如下图：

---
layout: post       #布局
title:  "Another copy of the Readme of Jekyll!"  #标题
date:   2017-09-05 14:10:51 +0800    #日期
categories: Jekyll     #类别
tags: Jekyll        标签	
description: This is just another copy of the read me page of Jekyll.  #描述
---

大家看着自己玩吧，写博客就说到这里。

接下来添加自定义域名

虽然这个地址https://github_username.github.io/... 可以正常访问博客，但是有人想使用自己的域名访问博客， GitHub Pages 也是支持的。首先需要设置域名解析，将域名的地址指向自己的 github 博客地址。这里以万网的域名配置为例，选择需要设置的域名点击解析，在域名解析页面添加以下两条记录。

红色打码内，填自己github_username。

然后打开项目的 Settings > GitHub Pages 页面，Custom domain 下的输入框输入刚才设置的域名：xxxxx.com，点击保存即可。

然后重新配置_config.yml文件中的url，刷新即可。

统计访问

在百度统计注册，然后添加代码到 _layouts/default.html

先在百度新增网站，然后获得网站代码，具体步骤请大家参考百度统计新增网站统计并获取安装代码。

复制的地方和下面代码相同

 

<script src="{ { site.url } }/js/all.js"></script>

 

我们还可以让百度收录博客，需要我们使用 http://zhanzhang.baidu.com

在每个页面的js，或者所有的js都在一个文件，或在default.html上写百度给的

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?573aaf18eee36e91bf340a931c3cccc3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
 

当然除了上述的功能，还可以博客评论、添加目录、添加公式 等功能，等涛哥的人气旺了再更新吧，先写这么多吧，希望能够帮助到大家。

 

     最后总结了下Github Pages 搭建博客的几个优点：

    1、完全免费

    2、写博客跟提交代码一样，感觉就是在编程

    3、支持绑定域名

    4、可更改主题

缺点：

   1、不支持动态内容，都是静态网页。

   2、流量使用应该也有限制，具体没研究。

   3、仓库空间较小。

 好了，最后祝大家玩的开心！