2018-06-22

hexo的yelee主题配置评论功能

前言

之前多说倒闭了,不能用了,搞了个友言,友言又关了,然后又去弄了个畅言,弄成功了之后,一顿窃喜,但是前提是需要网站备案💔,很是无奈,最后选择了使用来必力评论。
欢迎来我博客留言哦

1. 注册来必力账号,注册成功之后,点击右上角的头像,进入管理页面

lbl-01.png

2. 然后点击左侧代码管理,会看到一串代码,代码第一行有个data-id,这个就是你的来必力id号

lbl-02.png

3. 主题站点添加 uid

打开theme/yelee/_config.yml,添加配置信息。

livere:
   on: true
   livere_uid: Your uid // 在这里填写你的id

4. 创建评论 ejs 文件

在themes/yelee/layout/_partial/comments文件夹创建livere.ejs文件,拷贝下面的代码。

<section class="livere" id="comments">
    <!-- 来必力City版安装代码 -->
    <div id="lv-container" data-id="city" data-uid="Your uid">
    <script type="text/javascript">
   (function(d, s) {
       var j, e = d.getElementsByTagName(s)[0];

       if (typeof LivereTower === 'function') { return; }

       j = d.createElement(s);
       j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
       j.async = true;

       e.parentNode.insertBefore(j, e);
       })(document, 'script');
    </script>
    <noscript> 为正常使用来必力评论功能请激活JavaScript</noscript>
    </div>
    <!-- City版安装代码已完成 -->
</section>

配置文章内的评论部分内容

打开themes/yelee/layout/_partial/article.ejs, 添加下面注释的两行代码

<% } else if (theme.livere.on) { %>          // 添加这行,在theme.youyan.on上面
        <%- partial('comments/livere') %>。  // 添加这行,在theme.youyan.on上面
    <% } else if (theme.youyan.on) { %>
        <%- partial('comments/youyan') %>
    <% } else if (theme.disqus.on) { %>
        <%- partial('comments/disqus', {
            shortname: theme.disqus.shortname
          }) %>

最后大功告成

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • hexo博客鼠标点击出现爱心 欢迎访问我的比可观看效果--->yuang.site首先在当前主题的source/j...
    陌然boy阅读 1,553评论 0 1
  • 日记1. SSH 在正式说id_rsa.pub之前有必要先说说SSH,具体什么意思就自己查资料了。一般我们都会使用...
    贝灬小晖阅读 11,828评论 0 2
  • CheckedTextView是一个自带选择框和文字的控件,继承自TextView,实自Checkable,可以实...
    柯基爱蹦跶阅读 13,495评论 2 2
  • 喜欢蜡笔小新壁纸,钟情张国荣的一切,喜欢周星驰的电影,爱听歌,尤其粤语歌,偶尔看两本书乐意和别人分享,喜欢单车,爱...
    小师hd阅读 1,157评论 0 0
  • 今天中午下雨,因天气原因,又因为上班太忙,午饭没吃成,一直忙到下午下班。下午接孩子六点半多了,刚回到家一会儿...
    wzl_75bf阅读 1,514评论 0 0