zoukankan      html  css  js  c++  java
  • Hexo博客添加LiveRe评论系统

    评论系统可以说五花八门啦,用得多的比如:畅言、Gitment、Gitalk、LiveRe、Disqus、友言、Valine 等

    • 畅言,搜狐出品的
      在这里插入图片描述
    • Gitment
      在这里插入图片描述
    • Gitalk
      在这里插入图片描述
    • LiveRe
      在这里插入图片描述
    • 友言
      在这里插入图片描述
    • Valine
      在这里插入图片描述

    这里以LiveRe为例:

    • LiveRe注册地址:https://livere.me/register?lang=zh-cn
    • 注册以后登录进去,选择City版进行安装,City版是免费的,对我们这种个人博客而言完全足够了
      在这里插入图片描述
    • 接下来需要填写一些关于你想将LiveRe用于的博客的一些信息
    • 填完之后,申请获取代码,此时其将会给你一段代码,该段代码等下需要加到你的个人博客的页面中,我们可以先将其复制并保存起来。
    1. 主题配置添加来必力,如:以yilia主题为例
      修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件,增加如下配置:
    # livere 来必力。将 false 改为自己的uid则启用该评论系统。
    livere_uid: false
    
    1. 新增来必力评论代码文件
      在 yilia 中的 layout/_partial/post 下新增 livere.ejs文件,内容如下:
    <!-- 来必力City版安装代码 -->
    <div id="lv-container" data-id="city" data-uid="<%=theme.livere_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版安装代码已完成 -->
    
    
    1. 修改 article.ejs
      修改 yilia 中的 layout/_partial/article.ejs 文件,在 <% if (!index && post.comments){ %> 后的任意一个评论代码前或后插入如下代码:
    <%if (theme.livere_uid) { %>
      <%- partial('post/livere') %>
    <% } %>
    

    在这里插入图片描述

  • 相关阅读:
    java
    MVC4重复提交数据
    cache
    Nosql
    MVC4重复提交
    PHP Java
    .net performance
    How the Runtime Locates Assemblies
    android
    window.onscroll
  • 原文地址:https://www.cnblogs.com/xdr630/p/15255044.html
Copyright © 2011-2022 走看看