將hexo的評論系統由gitment改成Valine

首先註冊LeanCloud,註冊後添加應用,而後選擇應用>設置>應用key就能夠看到本身的AppID和AppKey了。html

<!-- more -->git

而後進入本身的主題目錄(好比個人主題是默認的landscape):github

刪除配置gitment時/themes/landscape/layout/_partial/post目錄下添加的git.ejs文件,api

而後編輯/themes/landscape/layout/_partial/目錄下的article.ejs,將本來配置gitment時添加在最後的那段代碼刪掉,添加:安全

<% 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爲文章訪問量統計功能,avatarGravatar 頭像展現方式。app

在leancloud的應用>設置>安全中心>Web安全域名中添加你的域名。post

而後就OK啦!!ui

有其餘問題能夠訪問Valine官方文檔查看。url

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

個人問題是同時在github和coding上部署了,可是在leancloud的應用>設置>安全中心>Web安全域名中只添加了github的域名,所以在coding的那個域名訪問時就會出現上述問題,添加域名便可解決問題。

相關文章
相關標籤/搜索