Hexo+NextT第三方服務調用【4】 - penglei-it－IT工程師數位筆記本

文章出處

該系列博客列表請訪問：http://www.cnblogs.com/penglei-it/category/934299.html

摘要

靜態站點與動態站點有很大的不一樣，它擁有一定的局限性，所以我們需要借助于第三方服務來擴展站點的功能。以下是 NexT 目前支持的第三方服務，你可以根據你的需求集成一些功能進來。諸如我們經常在其他博客網站所看到的評論，分享等等。

評論系統

NexT 支持多說和 DISQUS 評論系統。當同時設置了多說和 DISQUS 時，優先選擇多說。 NexT 內置了一套多說的樣式。而本片博文主要講解如何配置“多說”。使用多說前需要先在多說創建一個站點。具體步驟如下：

登錄后在首頁選擇 “我要安裝”，注冊賬號并登陸。

創建站點，填寫表單。站點名稱，這個隨便寫；站點地址，填寫你的博客的域名；多說域名這一欄填寫的即是你的 duoshuo_shortname，如圖：

創建站點完成后在主配置文件中新增 duoshuo_shortname 字段，值設置成上一步中的值。

# Duoshuo ShortName
duoshuo_shortname: penglei

這樣你就成功的給自己的博客添加了評論的功能。評論的內容可以在多說后臺管理中查看。具體效果如圖

詳情請訪問http://penglei.top

數據統計與分析

數據的統計和分析對于一個站點來說是比不可少的，一個網站的訪問量和博客的瀏覽次數，可以代表著這篇文章的含金量。同時，當站點剛剛建立的時候，我們所寫的每一篇文章都不會被百度或谷歌收錄，這樣別人就永遠找不到你的站點，各種詳情可以參見網站的SEO優化。這其中詳細講了網站收錄的重要性。

百度統計

- 登錄百度統計，定位到站點的代碼獲取頁面

- 編輯主配置文件，新增字段 baidu_analytics，值設置成你的百度統計腳本 id

# Baidu Analytics ID
baidu_analytics: 2a759a63fd86f7fe54e0f3e9f0812ea6 //紅色部分圈起來的id

Google 分析
- 編輯主配置文件，新增字段 google_analytics，值設置成你的 Google 跟蹤 ID。跟蹤 ID 通常是以 UA- 開頭。

不蒜子統計
- 全局配置

編輯主題配置文件中的busuanzi_count的配置項。

當enable: true時，代表開啟全局開關。若site_uv、site_pv、page_pv的值均為false時，不蒜子僅作記錄而不會在頁面上顯示。

- 站點UV配置

當site_uv: true時，代表在頁面底部顯示站點的UV值。

site_uv_header和site_uv_footer為自定義樣式配置，相關的值留空時將不顯示，可以使用（帶特效的）font-awesome。顯示效果為[site_uv_header]UV值[site_uv_footer]。

site_uv: true
site_uv_header: 本站訪客數
site_uv_footer: 人次

- 站點PV配置

當site_pv: true時，代表在頁面底部顯示站點的PV值。

site_pv_header和site_pv_footer為自定義樣式配置，相關的值留空時將不顯示，可以使用（帶特效的）font-awesome。顯示效果為[site_pv_header]PV值 [site_pv_footer]。

site_pv: true
site_pv_header: 本站總訪問量
site_pv_footer: 次

- 單頁面PV配置

當page_pv: true時，代表在文章頁面的標題下顯示該頁面的PV值（閱讀數）。

page_pv_header和page_pv_footer為自定義樣式配置，相關的值留空時將不顯示，可以使用（帶特效的）font-awesome。顯示效果為 [page_pv_header]PV值[page_pv_footer]。

page_pv: true
page_pv_header: 本文總閱讀量
page_pv_footer: 次

最終的頁面效果為：

內容分享

JiaThis

編輯站點配置文件，添加字段 jiathis，值為 true。
JiaThis 內容分享服務配置示例

jiathis: true

百度分享

編輯站點配置文件，添加字段 baidushare，值為 true。
百度內容分享服務配置示例

duoshuo_share: true

多說分享

多說分享必須與多說評論同時使用
編輯站點配置文件，添加字段 duoshuo_share，值為 true。
多說內容分享服務配置示例

duoshuo_share: true

搜索

Swiftype 站內搜索

- 前往 Swiftype 注冊頁面，注冊一個新賬戶。

- 創建搜索引擎

注冊完成后，創建一個新的搜索引擎，并按照提示完成創建步驟。

- 搜索引擎創建完成后，在菜單中選擇 Integrate -> Install Search 開啟搜索定制，按照步驟完成定制。最后一步記得點擊Active 按鈕。

- 獲取key

返回定制引擎的第二個步驟 INSTALL CODE，復制出你的 swiftype_key

- 編輯站點配置文件，新增字段 swiftype_key，值設置成第四步中賦值出來的 key

swiftype_key: xxxxxxxxx

其他

設置 RSS

NexT 中 RSS 有三個設置選項，滿足特定的使用場景。更改主題配置文件，設定 rss 字段的值：

false：禁用 RSS，不在頁面上顯示 RSS 連接。
留空：使用 Hexo 生成的 Feed 鏈接。你可以需要先安裝 hexo-generator-feed 插件。
具體的鏈接地址：適用于已經燒制過 Feed 的情形。

訂閱微信公眾號

在每篇文章的末尾顯示微信公眾號二維碼，掃一掃，輕松訂閱博客。

在微信公眾號平臺下載您的二維碼，并將它存放于博客source/uploads/目錄下。

然后編輯主題配置文件，如下：

wechat_subscriber:
  enabled: true
  qcode: /uploads/wechat-qcode.jpg
  description: 歡迎您掃一掃上面的微信公眾號，訂閱我的博客！

多說評論顯示 UA

在每一條多說評論后顯示評論者所使用的代理信息（如操作系統、瀏覽器），效果如下：

要啟用此功能，需要配置 duoshuo_info 這個字段。編輯主題配置文件，查找 duoshuo_info 字段，設置如下：

duoshuo_info:
  ua_enable: true
  admin_enable: false
  user_id:
  admin_nickname:

只要設置 ua_enable 為 true 即可顯示 UA 信息。 admin_enable 是用于顯示「博主」文字，表明評論者是博主，此字段需要同時配置 user_id 和 admin_nickname 字段。請訪問多說，登錄并訪問「我的主頁」獲取 user_id ，此 ID 是網址最后那串數字。

duoshuo_info:
  ua_enable: true
  admin_enable: true
  user_id: 1234567
  admin_nickname: 博主

至此，有關hexo的第三方服務，基本上配置完成，關于更多的優化配置，我將在后面的教程中與大家分享。

結語

如果你還需要了解更多技術文章信息，請繼續關注白衣秀才的博客
個人網站：http://penglei.top/
Github：https://github.com/whitescholars
微博：http://weibo.com/u/3034107691?refer_flag=1001030102_&is_all=1