原文地址：→傳送門

寫在前面

在五月出搗騰了一把個人部落格，但是剛開始只做了一些基礎設定，套路也沒摸清，基礎安裝篇請看hexo從零開始到搭建完整,裡面講到了基礎工具的安裝及blog專案的資料夾含義，以及RSS新增、域名的繫結等操作，後來想著加點功能，但是奈何我選的主題整合的東西比較少，需要一比一步自己新增，於是摸索了一番。。。現在真是發現了next主題的好處，不僅持續更新，而且作者已經在主題中集成了各種功能，簡直爽歪歪，不過我還是默默的接著摸索吧！下面介紹幾種好用的東西。

1. 推薦七牛雲
2. 新增百度SEO
3. 新增谷歌SEO
4. 新增評論系統來必力
5. 百度統計
6. 文章統計leanCloud
7. 引入站長統計不蒜子

七牛雲

先給大兄弟們極力推薦個好用的圖床工具七牛雲。麼麼

注：上傳後的圖片儘量不要修改和刪除額，不然之前新增的連結就會失效啦

新增百度SEO

為了增加文章的曝光率，讓別人更容易搜到你的文章，那就新增SEO吧，不過好像要下面介紹下加入百度SEO的步驟：

在百度中輸入site:yourwebsite,好像要綁定了域名的網址才可以額，直接github.io的好像不行，百度站長平臺。

填寫要提交的網址：

選擇站點的相關屬性：

驗證你的網站（這裡有三種方法，你任選一種就好了，我試了後面兩種，操作簡單方便。我最後使用的是第三種新增一條解析）：

CNAME驗證方式如下，記錄型別選CNAME，主機記錄就填百度給的,記錄值為zz.baidu.com。

接下來要讓你的網站生成網站地圖，及生產sitemap，將sitemap提交到百度，先安裝地圖生成外掛：

npm install hexo-generator-sitemap --save     
npm install hexo-generator-baidu-sitemap --save

然後檢視是否在根目錄的_config.xml配置檔案下添加了你的url：

重新部署後即可在public檔案下看到sitemap.xml和baidusitemap.xml檔案，在瀏覽器中輸入你的網址/sitemap.xml即可看到所生成的地圖檔案，表示安裝成功。

接著是提交你的sitemap到百度，點選連結提交

然後進行死鏈提交：

提交完了等著就好了，可能要很久才生效。。。

新增谷歌SEO

作為程式boy，google是少不了的，所以也把你的網站加到谷歌SEO吧，新增到谷歌的話很快就能生效的額，大概只要幾分鐘吧，新增起來也是比較簡單滴。當然要先自備天梯。。。

敲黑板！首先得有個谷歌賬號，自由發揮吧，然後到這裡新增地址去新增你的網址。

也可以現在google總共輸入如下內容，然後進入到新增網站的地址：

點選新增屬性後即可新增你的部落格地址。

新增完成之後進行網站驗證，我使用的貌似是備用方法，比較便捷。

新增好之後稍等一會兒再Google中輸入關鍵字，就可以看到效果啦

新增評論系統來必力

評論系統真是個令我傷心的東西，我用的hueman主題也是集成了幾種評論系統的，但是都是坑啊，disqus是國外的額。暢言是要備案的，友言的感覺不是很好看，之前很強大多說在6月1號關了，轉戰雲更貼，結果宣佈在8月1號正式停用。嗯！就是今天，八一建軍節九十週年！此處比心~

其實後面才知道有來必力這玩意兒的，第一眼看它還有點不順眼，原因你懂的，後來發現用的人還挺多的，於是最後還是被它征服了

官網傳送門，註冊的時候會出現點韓語，不過莫慌，該看懂的還是看的懂額，嗯就醬。

註冊好後到管理頁面去：

在程式碼管理中獲取安裝程式碼：

（此處針對的是hueman主題，其他的應該類似）獲取安裝程式碼後，在主題的comment下新建一個檔案放入剛剛那段程式碼，再找到article檔案，找到如下程式碼，若沒有則直接在footer後面新增即可。livebe即為剛剛所創檔名稱。

<%- partial('comment/livebe') %>

完成上面步驟之後可選擇性進行一些相關配置，如下：

重新部署部落格後即可看到效果：

新增百度統計

百度統計也是個好東西，因為可以看到一些很詳細的資訊！

在管理這一欄先把要統計的網站新增進來：

然後找到程式碼獲取，進行程式碼安裝：

程式碼安裝好後重新部署，再回到百度統計中進行程式碼安裝檢查，安裝正確即可。

差不多等個半小時吧，再進入到報告這一欄即可檢視相關資料了。

文章閱讀量統計leanCloud

對於文章數量的統計，leanCloud是個好東西，官網傳送門，leanCloud功能繁多，你可以好好的利用一番，這裡主要講文章閱讀數量。

乖乖註冊好賬號之後去新增一個應用：

點選你的應用右上角的齒輪，進入到配置頁面：

在儲存這一欄中建立一個新的Class Name：

新的Class Name為Counter：

然後在設定頁面的應用Key可檢視到你的App ID及App Key：

在主題的配置檔案下新增如下：

//若主題已整合則只需要加此段
leancloud_visitors:
  enable: true
  app_id: 你的id
  app_key: 你的key

在article中適當的位置新增如下（取決於你要將它顯示在何處）：

閱讀數量:<span id="<%= url_for(post.path) %>" class="leancloud_visitors" data-flag-title="<%- post.title %>"></span>次

在footer的最後新增如下程式碼：

<script src="//cdn1.lncld.net/static/js/2.5.0/av-min.js"></script>
<script>
    var APP_ID = '你的app id';
    var APP_KEY = '你的app key';
    AV.init({
        appId: APP_ID,
        appKey: APP_KEY
    });
    // 顯示次數
    function showTime(Counter) {
        var query = new AV.Query("Counter");
        if($(".leancloud_visitors").length > 0){
            var url = $(".leancloud_visitors").attr('id').trim();
            // where field
            query.equalTo("words", url);
            // count
            query.count().then(function (number) {
                // There are number instances of MyClass where words equals url.
                $(document.getElementById(url)).text(number?  number : '--');
            }, function (error) {
                // error is an instance of AVError.
            });
        }
    }
    // 追加pv
    function addCount(Counter) {
        var url = $(".leancloud_visitors").length > 0 ? $(".leancloud_visitors").attr('id').trim() : 'icafebolger.com';
        var Counter = AV.Object.extend("Counter");
        var query = new Counter;
        query.save({
            words: url
        }).then(function (object) {
        })
    }
    $(function () {
        var Counter = AV.Object.extend("Counter");
        addCount(Counter);
        showTime(Counter);
    });
</script>

重啟之後即可看到效果。

引入站長統計不蒜子

文章閱讀量可以用leanCloud，那麼整站統計用不蒜子還是比較方便的，只需要在footer中適當的位置新增如下程式碼不蒜子傳送門，重新部署即可：

<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <span id="busuanzi_container_site_pv">本站總訪問量<span id="busuanzi_value_site_pv"></span>次</span>

不蒜子可自行DIY~

小結

1. 搞完這些之後你會發現滿滿的都是賬號，/(ㄒoㄒ)/~~

2. 這些可自行選擇用一些，不需要都用上額

3. 終於要告一段落了，有的時候為了這個東東，也是很費時啊，不過弄完之後也是挺開心的，加油吧少年！