valine评论系统加入hexo yelee

 

 

1. 修改yilia主题下的_config.yml文件，添加valine配置

   1 2 3

   # valine配置 valine_appid: '填写leancloud的appid' valine_appkey: '填写leancloud的appkey'

2. 修改layout/_partial/article.ejs，添加一段代码

   1 2 3 4 5 6 7

   <% if (theme.valine_appid && theme.valine_appkey){ %> <%- partial('post/valine', { key: post.slug, title: post.title, url: config.url+url_for(post.path) }) %> <% } %>

3. 新增layout/_partial/post/valine.ejs

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

   <div id="comment"></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: '#comment' , notify:false, verify:false, appId: '<%=theme.valine_appid%>', appKey: '<%=theme.valine_appkey%>', placeholder: '评论!', path:window.location.pathname, avatar:'mm' }); </script>

 

一般来说，要在实际部署的场景下测试可以成功。

 

主要参考两个地方：

 

http://anata.me/2018/04/05/hexo%E4%B8%BB%E9%A2%98yilia%E6%B7%BB%E5%8A%A0valine%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/

 

以及

 

https://valine.js.org/quickstart.html#%E8%8E%B7%E5%8F%96APP-ID-%E5%92%8C-APP-Key