原文地址：→傳送門
寫在前面
在五月出搗騰了一把個人博客，但是剛開始只做了一些基礎設置，套路也沒摸清，基礎安裝篇請看hexo從零開始到搭建完整,里面講到了基礎工具的安裝及blog項目的文件夾含義，以及RSS添加、域名的綁定等操作，后來想着加點功能，但是奈何我選的主題集成的東西比較少，需要一比一步自己添加，於是摸索了一番。。。現在真是發現了next主題的好處，不僅持續更新，而且作者已經在主題中集成了各種功能，簡直爽歪歪，不過我還是默默的接着摸索吧！下面介紹幾種好用的東西。
- 推薦七牛雲
- 添加百度SEO
- 添加谷歌SEO
- 添加評論系統來必力
- 百度統計
- 文章統計leanCloud
- 引入站長統計不蒜子
七牛雲
先給大兄弟們極力推薦個好用的圖床工具七牛雲。么么
注：上傳后的圖片盡量不要修改和刪除額，不然之前添加的鏈接就會失效啦
添加百度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~
小結
-
搞完這些之后你會發現滿滿的都是賬號，/(ㄒoㄒ)/~~
-
這些可自行選擇用一些，不需要都用上額
-
終於要告一段落了，有的時候為了這個東東，也是很費時啊，不過弄完之后也是挺開心的，加油吧少年！