title: 將hexo的評論系統由gitment改為Valine
toc: false
date: 2018-09-13 15:10:56
categories:

• methods

tags:

• hexo
• gitment
• Valine

首先註冊LeanCloud，註冊後新增應用，然後選擇應用>設定>應用key就可以看到自己的AppID和AppKey了。

然後進入自己的主題目錄（比如我的主題是預設的landscape）：

刪除配置gitment時/themes/landscape/layout/_partial/post目錄下新增的git.ejs檔案，

然後編輯/themes/landscape/layout/_partial/

<% if (!index){ %>
  <% if (post.comments){ %>
    <div id="vcomments"></div>
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    <script>
        new Valine({
            el: '#vcomments',
            appId: '你的appid',
            appKey: '你的appkey',
            notify:true, 
            verify:true, 
            visitor:true,
            avatar:'mm', 
            placeholder: '嘻嘻嘻' 
        })
    </script>
  <% } else { %>
    <div class="vcomments"></div>
  <% } %>
<% } %>
 

其中notify為郵件提醒功能是否開啟，verify為驗證碼功能，visitor為文章訪問量統計功能，avatar為Gravatar 頭像展示方式。

在leancloud的應用>設定>安全中心>Web安全域名中新增你的域名。

然後就OK啦！！

有其他問題可以訪問Valine官方文件檢視。

關於出現Code 403: 訪問被api域名白名單拒絕，請檢查你的安全域名設定.的問題：

我的問題是同時在github和coding上部署了，但是在leancloud的應用>設定>安全中心>Web安全域名中只添加了github的域名，因此在coding的那個域名訪問時就會出現上述問題，新增域名即可解決問題。