如何在github pages中建立本身的Jekyll博客并绑定域名（2018-11-29）

最终效果：https://haoqchen.site
若是喜欢能够直接使用我修改后的主题，github地址https://github.com/HaoQChen/HaoQChen.github.io（记得star 一下哈）

可是请必定要将个人信息替换成你本身的，另外请不要保留个人博客。

主体来源于：Hux Blog
跟着这个博客教程走：如何快速搭建本身的github.io博客
同时受到了这个博客的很大帮助：利用 GitHub Pages 快速搭建我的博客

如下部分借鉴GJXS1980

动态鼠标曲线

添加模块canvas-nest.min.js到js目录下 修改layouts/post.html文件在开始添加下面代码

<!-- canvas-nest.min.js -->
<script type="text/javascript" src="../../../../js/canvas-nest.min.js"></script>

返回顶部

把在rocket.css、signature.css和toc.css下载到css的目录下，而后在 include目录下的head.html文件的头部添加下面代码：

<link rel="stylesheet" href="/css/rocket.css">
<link rel="stylesheet" href="/css/signature.css">
<link rel="stylesheet" href="/css/toc.css">

把在totop.js和toc.js下载到js的目录下，而后在include目录下的footer.html的最后添加下面代码：

<a id="rocket" href="#top" class=""></a>
<script type="text/javascript" src="/js/totop.js?v=1.0.0" async=""></script>
<script type="text/javascript" src="/js/toc.js?v=1.0.0" async=""></script>

显示站点访问总量

具体教程参考:不蒜子

添加CSDN博客

在_config.yml用户名那里添加一栏:CSDN_username: u013834525
在_includes/sns-links.html中对应位置（其余网站帐户附近）添加

{% if site.CSDN_username %}
    <li>
      <a target="_blank" href="http://blog.csdn.net/{{ site.CSDN_username }}">
        <span class="fa-stack fa-lg">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-CSDN fa-stack-1x fa-inverse">C</i>
        </span>
      </a>
    </li>
{% endif %}

如下部分借鉴利用 GitHub Pages 快速搭建我的博客

百度统计

直接申请，而后在_config.yml中填写码就行。

删除friend

直接将_config.yml中的friend注释了就好。

修改网站图标

在博客img目录下找到并替换favicon.ico这个图标便可，图标尺寸为32x32。

增长Gitalk评论功能

参考为博客添加 Gitalk 评论插件
以及官网Gitalk

如下是我本身的一些更改

删除portolio

根据Jekyll官网的说法，只要直接删除文件夹便可

增长搜索栏

https://github.com/HaoQChen/jekyll-search
另外我修改了搜索栏的位置，放到了右上方。只须要修改增长到_includes/footer.html中设置位置的px值便可。

<div style="position: fixed; right: 16px; top: 62px;">
    <img src="/search/img/cb-search.png"  id="cb-search-btn"  title="双击ctrl试一下"/>
</div>

删除标题前的#

只须要删除_layouts/post.html中189行的icon中的#便可，应该能够修改为任意值。

修改文章列表中的排序

原来只是按照年份排序的，我增长了月份。修改archive.html中59行为

{%- assign _currentdate = _article.date | date: '%Y-%m' -%}

而且每篇文章我也增长了日期，在副标题下添加这一句

<h4 class="post-date">
    {{ _article.date | date: '%Y-%m-%d' }}
</h4>

导航栏分级标题

根据#116来修改的。找到css目录下的hux-blog.min.css，不知道为何个人sublime显示这个文件只有一行，很长的一行。我尝试过在一些网站恢复格式，可是保存后致使网页显示有问题。最后就只能在这个只有很长一行的文件中搜索到相应位置修改。
这里须要注意的是，若是想h一、h2等都不一样，须要删除逗号，要注意格式～～～

更改最底下的做者连接

貌似连接到做者的github获取star数，加载网页会比较花时间，我就直接删除了，并修改了一下下。主要修改都在_includes/footer.html中

修改About中只留下中文自我介绍

主要修改about.html。删除了<!-- Language Selector -->、<!-- English Version -->。最主要要将multilingual: false

在谷歌、百度搜索引擎中登记本身的网站

本身刚建的网站别人是搜索不到的，搜索引擎的爬虫不会这么快爬到你的网站，可是你能够在谷歌和百度中进行登记，这样能够加快进程(也要等几天)。
要查看本身的网站是否已经被某个搜索引擎收录，能够在搜索框中输入：site:https://haoqchen.github.io/
登记方法：

• Google网站站长Google Search Console。在这里添加资源，并按要求验证便可。我是选择了第一个，下载html文件，而后放在主目录下（跟archive同一目录）。我不会用什么sitemap，就很蠢地一篇篇博客提交给Google去抓取，地址在旧版Search Console->抓取>Google抓取工具。添加每一篇的地址，而后点抓取，而后点请求编入索引（最好抓取一篇请求一篇，并且一次不要提交太多，隔天吧，个人请求到后面出现错误，不知道为何）。这样你的博客就能出如今site:https://haoqchen.github.io/中了，也能够直接在Google中搜索到了。
• 百度连接提交。百度也有要验证网站的～～～我忘了当时是怎么进去的了。（github禁止了百度的爬虫，因此怎么设置，百度都不可能搜索到博客的。须要另外搞。）

安装本地调试

gem版本过低，更新步骤太复杂，放弃了。

域名

尝试买了一个域名，想让百度搜索引擎能爬到，而后在coding.me上也弄一个相似github pages的，将百度或者国内的重定向到coding.me，最后放弃。目前域名所有重定向到给github pages，但github.io的域名就不能用了～～～～并且登记搜索引擎等等这些又要从新弄，很烦。

• 2018-11-29决定放弃coding.me。百度搜索引擎太垃圾，coding.me连本ReadMe显示都有问题，不想浪费时间了，让它去抓取CSDN吧，在CSDN上发布一篇好了。

谷歌分析

在官网建立帐号和地址什么的，而后将ID填到_config.yml的ga_track_id:就好。

@TODO

• 专栏
• 能不能将给博客的点赞重定向到给github点赞

建议

• 多看github中的issue，不少问题其实别人都遇到过了，有些甚至给出了解决方法。
• 域名建议去阿里云的万网买。。。。百度的解析只有本身的百度搜索引擎，真的坑。
• 若是更新了域名，记得从新申请一下Gitalk的ClientID，否则没法评论