前幾篇我們講了 hexo 快速生成部落格的方法，而部落格除了基本的文章發布之外，還可以加入一些第三方服務，來讓部落格更有互動性，這篇就來介紹一下部落格常見的第三方服務：

Disqus

Disqus 在部落格中很常見的評論系統，這邊結合的部落格還是用 hexo 來做。

網站：https://disqus.com/

step1：登入

登入帳號之後，要選擇 I want to install Disqus on my site

step2：建立

進入到建立的頁面，這邊的 Website Name 就是之後要填入到 hexo 中的 shortName

step3：加入網址

到 Settings 的地方把部落格網址加入到 Website URL

step4：回到 hexo 配置 shortname

到 themes 之下的 _config.yml 找到 comment 並加入 disqus 的 shortname。

step5：完成！

在部落格中就會加入 Disqus 評論系統了！

Facebook comment plugin

除了上面的 Disqus 可以用來作為評論系統以外，FaceBook 也有類似的功能。這邊就來介紹一下！

主題內建

我選的這個主題剛好有內建的 FaceBook 留言樣板，所以第一步就打開 _config.yml 找到 comment 的地方，把 facebook 改成 true 就可以加上 fb 的樣板。

就會出現留言板的畫面：

要注意，如果使用 FaceBook Comment Plugin 的話會需要登入才可以回應。

自行安裝

如果本身的主題沒有內建的話也可以透過外掛的方式自己加入主題，這邊我將主題改回預設的 hexo 主題，因為預設的主題沒有 FaceBook Comment Plugin ，我們就嘗試將 FaceBook Comment Plugin 加入，步驟如下：

step1：安裝 hexo-fbcomments

到終端機輸入：

npm install hexo-fbcomments

step2：從 Facebook 留言外掛程式可以取得串接的程式碼

https://developers.facebook.com/docs/plugins/comments

選擇留言的方式即可，接著點一下取得程式碼

step3：貼上樣板程式碼（上）

將取得的程式碼上半部，加上樣板語言貼到 body tag 之前，例如：header 前

step4：貼上樣板程式碼（下）

下半部貼到要顯示的留言的位置，我是貼在 layout.ejs 最下面的部分：

最後就會出現可以使用的 FaceBook Comments ，但是樣式會根據主題而有所不同，所以匯入後可以再自行調整哦～
更多的 FaceBook Comments 參數設定請看：https://developers.facebook.com/docs/plugins/comments

成功顯示：

Google Analytics

要加入 Google Analytics 很簡單，只要申請並將追蹤的 id 填到 hexo 的設定檔中即可，那我們趕快開始吧！

網站：https://analytics.google.com/analytics/web/provision/?authuser=0#/provision

step1：點選申請

step2：取得追蹤 ID

填入資料之後按下取得追蹤 ID，就會得到一組追蹤 ID

step3：創建成功

會看到如下圖的畫面，分析的內容都可以在這邊觀看

step4：在 hexo 配置中填入追蹤 ID

找到 themes > _config.yml > plugins，把追蹤 ID 貼到 google_analytics 後面

這邊是以網站流量為設置，如果想要更近一步的進行分析，可以再用更細緻的配置來執行。

以上就是可以用在部落格的第三方服務，當然除了這三個以外還有許多可使用的第三方服務，透過這些第三方服務可以讓部落格的互動性以及共享性提升，也可以加入分析系統來了解部落格的瀏覽人次等等，大家也可以試試看或是分享自己使用過哪些好用的第三方服務哦！