如何在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，否則沒法評論