原文地址：→傳送門
寫在前面
在五月出搗騰了一把個(gè)人博客，但是剛開(kāi)始只做了一些基礎(chǔ)設(shè)置丹泉，套路也沒(méi)摸清情萤，基礎(chǔ)安裝篇請(qǐng)看hexo從零開(kāi)始到搭建完整,里面講到了基礎(chǔ)工具的安裝及blog項(xiàng)目的文件夾含義，以及RSS添加摹恨、域名的綁定等操作筋岛，后來(lái)想著加點(diǎn)功能，但是奈何我選的主題集成的東西比較少晒哄，需要一比一步自己添加睁宰，于是摸索了一番。揩晴⊙悖。現(xiàn)在真是發(fā)現(xiàn)了next主題的好處硫兰，不僅持續(xù)更新诅愚，而且作者已經(jīng)在主題中集成了各種功能，簡(jiǎn)直爽歪歪劫映，不過(guò)我還是默默的接著摸索吧违孝！下面介紹幾種好用的東西。
- 推薦七牛云
- 添加百度SEO
- 添加谷歌SEO
- 添加評(píng)論系統(tǒng)來(lái)必力
- 百度統(tǒng)計(jì)
- 文章統(tǒng)計(jì)leanCloud
- 引入站長(zhǎng)統(tǒng)計(jì)不蒜子
七牛云
先給大兄弟們極力推薦個(gè)好用的圖床工具七牛云泳赋。么么
注：上傳后的圖片盡量不要修改和刪除額雌桑，不然之前添加的鏈接就會(huì)失效啦
添加百度SEO
為了增加文章的曝光率，讓別人更容易搜到你的文章祖今，那就添加SEO吧校坑，不過(guò)好像要下面介紹下加入百度SEO的步驟：
在百度中輸入site:yourwebsite,好像要綁定了域名的網(wǎng)址才可以額拣技，直接github.io的好像不行，百度站長(zhǎng)平臺(tái)耍目。
填寫要提交的網(wǎng)址：
選擇站點(diǎn)的相關(guān)屬性：
驗(yàn)證你的網(wǎng)站（這里有三種方法膏斤，你任選一種就好了，我試了后面兩種邪驮，操作簡(jiǎn)單方便莫辨。我最后使用的是第三種添加一條解析）：
CNAME驗(yàn)證方式如下，記錄類型選CNAME毅访，主機(jī)記錄就填百度給的,記錄值為zz.baidu.com沮榜。
接下來(lái)要讓你的網(wǎng)站生成網(wǎng)站地圖，及生產(chǎn)sitemap喻粹，將sitemap提交到百度蟆融，先安裝地圖生成插件：
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
然后查看是否在根目錄的_config.xml配置文件下添加了你的url：
重新部署后即可在public文件下看到sitemap.xml和baidusitemap.xml文件，在瀏覽器中輸入你的網(wǎng)址/sitemap.xml即可看到所生成的地圖文件磷斧，表示安裝成功振愿。
接著是提交你的sitemap到百度，點(diǎn)擊鏈接提交進(jìn)行提交弛饭。分為自動(dòng)提交和手動(dòng)提交冕末。自動(dòng)提交提供了3中方式，可以都使用侣颂，也可以只使用其中的一種：
根據(jù)提示操作即可档桃。建議采用自動(dòng)提交額，手動(dòng)提交會(huì)累死人
然后進(jìn)行死鏈提交：
提交完了等著就好了憔晒，可能要很久才生效藻肄。。拒担。
添加谷歌SEO
作為程序boy嘹屯，google是少不了的，所以也把你的網(wǎng)站加到谷歌SEO吧从撼，添加到谷歌的話很快就能生效的額州弟，大概只要幾分鐘吧，添加起來(lái)也是比較簡(jiǎn)單滴低零。當(dāng)然要先自備天梯婆翔。。掏婶。
敲黑板啃奴！首先得有個(gè)谷歌賬號(hào)，自由發(fā)揮吧雄妥，然后到這里添加地址去添加你的網(wǎng)址最蕾。
也可以現(xiàn)在google總共輸入如下內(nèi)容依溯，然后進(jìn)入到添加網(wǎng)站的地址：
點(diǎn)擊添加屬性后即可添加你的博客地址。
添加完成之后進(jìn)行網(wǎng)站驗(yàn)證揖膜，我使用的貌似是備用方法誓沸，比較便捷。
添加好之后稍等一會(huì)兒再Google中輸入關(guān)鍵字壹粟，就可以看到效果啦
添加評(píng)論系統(tǒng)來(lái)必力
評(píng)論系統(tǒng)真是個(gè)令我傷心的東西，我用的hueman主題也是集成了幾種評(píng)論系統(tǒng)的宿百，但是都是坑啊趁仙，disqus是國(guó)外的額。暢言是要備案的垦页，友言的感覺(jué)不是很好看雀费，之前很強(qiáng)大多說(shuō)在6月1號(hào)關(guān)了，轉(zhuǎn)戰(zhàn)云更貼痊焊，結(jié)果宣布在8月1號(hào)正式停用盏袄。嗯！就是今天薄啥，八一建軍節(jié)九十周年辕羽！此處比心~
其實(shí)后面才知道有來(lái)必力這玩意兒的，第一眼看它還有點(diǎn)不順眼垄惧，原因你懂的刁愿，后來(lái)發(fā)現(xiàn)用的人還挺多的，于是最后還是被它征服了
官網(wǎng)傳送門到逊，注冊(cè)的時(shí)候會(huì)出現(xiàn)點(diǎn)韓語(yǔ)铣口，不過(guò)莫慌，該看懂的還是看的懂額觉壶，嗯就醬脑题。
注冊(cè)好后到管理頁(yè)面去：
在代碼管理中獲取安裝代碼：
（此處針對(duì)的是hueman主題，其他的應(yīng)該類似）獲取安裝代碼后铜靶，在主題的comment下新建一個(gè)文件放入剛剛那段代碼叔遂，再找到article文件，找到如下代碼旷坦，若沒(méi)有則直接在footer后面添加即可掏熬。livebe即為剛剛所創(chuàng)文件名稱。
<%- partial('comment/livebe') %>
完成上面步驟之后可選擇性進(jìn)行一些相關(guān)配置秒梅，如下：
重新部署博客后即可看到效果：
添加百度統(tǒng)計(jì)
百度統(tǒng)計(jì)也是個(gè)好東西旗芬，因?yàn)榭梢钥吹揭恍┖茉敿?xì)的信息！
在管理這一欄先把要統(tǒng)計(jì)的網(wǎng)站添加進(jìn)來(lái)：
然后找到代碼獲取捆蜀，進(jìn)行代碼安裝：
代碼安裝好后重新部署疮丛，再回到百度統(tǒng)計(jì)中進(jìn)行代碼安裝檢查幔嫂，安裝正確即可。
差不多等個(gè)半小時(shí)吧誊薄，再進(jìn)入到報(bào)告這一欄即可查看相關(guān)數(shù)據(jù)了履恩。
文章閱讀量統(tǒng)計(jì)leanCloud
對(duì)于文章數(shù)量的統(tǒng)計(jì)，leanCloud是個(gè)好東西呢蔫，官網(wǎng)傳送門切心，leanCloud功能繁多，你可以好好的利用一番片吊，這里主要講文章閱讀數(shù)量绽昏。
乖乖注冊(cè)好賬號(hào)之后去添加一個(gè)應(yīng)用：
點(diǎn)擊你的應(yīng)用右上角的齒輪，進(jìn)入到配置頁(yè)面：
在存儲(chǔ)這一欄中創(chuàng)建一個(gè)新的Class Name：
新的Class Name為Counter：
然后在設(shè)置頁(yè)面的應(yīng)用Key可查看到你的App ID及App Key：
在主題的配置文件下添加如下：
//若主題已集成則只需要加此段
leancloud_visitors:
enable: true
app_id: 你的id
app_key: 你的key
在article中適當(dāng)?shù)奈恢锰砑尤缦拢ㄈQ于你要將它顯示在何處）：
閱讀數(shù)量:<span id="<%= url_for(post.path) %>" class="leancloud_visitors" data-flag-title="<%- post.title %>"></span>次
在footer的最后添加如下代碼：
<script src="http://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
});
// 顯示次數(shù)
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>
重啟之后即可看到效果俏脊。
引入站長(zhǎng)統(tǒng)計(jì)不蒜子
文章閱讀量可以用leanCloud全谤，那么整站統(tǒng)計(jì)用不蒜子還是比較方便的，只需要在footer中適當(dāng)?shù)奈恢锰砑尤缦麓a不蒜子傳送門爷贫，重新部署即可：
<script async src="http://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">本站總訪問(wèn)量<span id="busuanzi_value_site_pv"></span>次</span>
不蒜子可自行DIY~
小結(jié)
搞完這些之后你會(huì)發(fā)現(xiàn)滿滿的都是賬號(hào)认然，/(ㄒoㄒ)/~~
這些可自行選擇用一些，不需要都用上額
終于要告一段落了漫萄，有的時(shí)候?yàn)榱诉@個(gè)東東卷员，也是很費(fèi)時(shí)啊，不過(guò)弄完之后也是挺開(kāi)心的卷胯，加油吧少年子刮！
