前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo优化 --- 一款极简的评论系统

Hexo优化 --- 一款极简的评论系统

作者头像
一份执着✘
发布2018-06-04 17:05:26
4.1K9
发布2018-06-04 17:05:26
举报
文章被收录于专栏:赵俊的Java专栏

已有更简单的方式来实现,请参考: Hexo 优化 --- Valine 扩展之邮件通知

演示

之前也用多很多评论系统,包括多说,网易云跟帖,Coding Comments…,但是这些评论系统,要不就是稳定性差,要不就是需要繁琐的登录,还有的直接停止服务了。

好了,废话不多说,先看今天的主角长什么样:

Valine – 一款基于 Leancloud 的极简风评论系统

使用方法

获取 Leancloud Key

因为是基于 Leancloud 的评论系统,所以需要先注册一个 Leancloud 账号。

  1. 点击这里注册 Leancloud 账号。
  2. 创建一个应用,应用名随意。
  3. 进入刚才创建的应用。设置 -> 应用 Key,这里的 App IDApp Key,复制下来,下一步要用。

配置到页面上

由于 Hexo 主题现在没有内置 Valine 评论系统,所以我们要手动修改 Hexo Next 主题的配置。

为了保险起见,推荐你先备份下 /themes/next/_config.yml/themes/next/layout/_partials/comments.swig。以防出现不备。

修改_config.yml

修改主题目录下的 /themes/next/_config.yml 中添加(如果现在使用着其他评论系统,请先去掉其他评论系统的配置):

valine:

enable:true

appId:Your_AppId##你的 Leancloud App ID

appKey:Your_AppKey##你的 Leancloud App Key

修改 comments.swig

注:因为我没有其他的评论系统需求,所以将其他评论系统的内容的删掉了。

打开 /themes/next/layout/_partials/comments.swig整个文件修改为:

代码语言:javascript
复制
{% if page.comments %}
  <div class="comments" id="comments"></div>
    {% if (theme.valine and theme.valine.enable)%}
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/valine@1.1.6/dist/Valine.min.js"></script>
    <script>
        new Valine({
            av: AV,
            el: '.comments',
            notify: true, // 邮件提醒 v1.1.4新增,下一步中有具体的邮箱设置
            verify: true,
            app_id: '{{ theme.valine.appId }}',
            app_key: '{{ theme.valine.appKey }}',
            placeholder: 'ヾノ≧∀≦)o来啊,快活啊!'
        });
    </script>
    {% endif %}
{% endif %}

设置邮箱提醒

上一步的 notify 选项为 true 的情况下才需要这个设置,如果不需要邮件提醒,则直接跳过即可。

进入 Leancloud 选择你的评论所存放的 应用 > 设置 > 邮件模板,按下图设置好 用于重置密码的邮件主题 > 然后 保存

结语

好了,到此为止,重新部署后就可以看到结果了,部署之前,最好先执行以下 hexo clean 命令,防止出现缓存问题。如果出现下图所示的评论框,那么就是成功了。

本文参考:Valine – 一款极简的评论系统

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-10-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 演示
  • 使用方法
    • 获取 Leancloud Key
    • 配置到页面上
      • 修改_config.yml
        • 修改 comments.swig
        • 设置邮箱提醒
        • 结语
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档