Hexo博客添加SEO-評論系統-閱讀統計-站長統計

原文地址：→傳送門

寫在前面

在五月出搗騰了一把我的博客，可是剛開始只作了一些基礎設置，套路也沒摸清，基礎安裝篇請看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到百度，點擊連接提交進行提交。分爲自動提交和手動提交。自動提交提供了3中方式，能夠都使用，也能夠只使用其中的一種：

根據提示操做便可。建議採用自動提交額，手動提交會累死人

而後進行死鏈提交：

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

添加谷歌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. 終於要告一段落了，有的時候爲了這個東東，也是很費時啊，不過弄完以後也是挺開心的，加油吧少年！