为使用matery主题的hexo增加Valine评论系统
为使用matery主题的hexo增加Valine评论系统
- 序言
- 环境准备
- 配置评论系统
- 管理评论
- 增强Valine系统
- 更换Valine的版本
- 更换表情
本文参考matery主题+Valine评论系统
序言
上篇博客讲述了如何对hexo+GitHub的博客系统进行一些配置，由于配置评论系统较为复杂，故单独写本篇博客来记录如何为使用matery主题的hexo博客系统增加评论系统
环境准备
由于本站博客系统使用的是LeanCloud提供的，因此先打开官网进行注册。
注册完成后直接选择创建应用，应用名称随便填，方案选择开发版，点击创建即可。
创建完成后，点击设置
我们需要用到AppID和AppKey。
配置评论系统
在matery主题的配置文件_config.yml中，创建Valine属性：
# Valine 评论模块的配置，默认为不激活，如要使用，就请激活该配置项，并设置 appId 和 appKey.
valine:enable: true appId: 你的AppIDappKey: 你的AppKeypageSize: 10 # 每页显示条数avatar: monsterid # 默认头像lang: zh-CN placeholder: 昵称填写qq可以显示qq头像和昵称哦~ # 提示信息guest_info: nick,mail,link recordIP: true serverURLs: '' background: /medias/comment_bg.png # 背景图片count: true
管理评论
进入LeanCloud，点击数据存储，选择Comment，然后你就可以操作数据了
增强Valine系统
更换Valine的版本
在matery配置页面，找到libs.js.valine，将其设置为valine: https://unpkg.com/valine/dist/Valine.min.js
更换表情
打开themes\matery\layout\_partial中找到valine.ejs，找到其中的new Valine，大概在249行，修改为以下内容：
new Valine({el: '#vcomments',appId: '<%- theme.valine.appId %>',appKey: '<%- theme.valine.appKey %>',notify: '<%- theme.valine.notify %>' === 'true',verify: '<%- theme.valine.verify %>' === 'true',visitor: '<%- theme.valine.visitor %>' === 'true',avatar: '<%- theme.valine.avatar %>',pageSize: '<%- theme.valine.pageSize %>',lang: '<% if (config.language == "zh-CN") { %>zh-cn<% } else { %>en<% } %>',placeholder: '<%= theme.valine.placeholder %>',enableQQ: true,emojiCDN: '//i0.hdslb.com/bfs/emote/', // 表情title和图片映射emojiMaps: {"tv_doge": "6ea59c827c414b4a2955fe79e0f6fd3dcd515e24.png","tv_亲亲": "a8111ad55953ef5e3be3327ef94eb4a39d535d06.png","tv_偷笑": "bb690d4107620f1c15cff29509db529a73aee261.png","tv_再见": "180129b8ea851044ce71caf55cc8ce44bd4a4fc8.png","tv_冷漠": "b9cbc755c2b3ee43be07ca13de84e5b699a3f101.png","tv_发怒": "34ba3cd204d5b05fec70ce08fa9fa0dd612409ff.png","tv_发财": "34db290afd2963723c6eb3c4560667db7253a21a.png","tv_可爱": "9e55fd9b500ac4b96613539f1ce2f9499e314ed9.png","tv_吐血": "09dd16a7aa59b77baa1155d47484409624470c77.png","tv_呆": "fe1179ebaa191569b0d31cecafe7a2cd1c951c9d.png","tv_呕吐": "9f996894a39e282ccf5e66856af49483f81870f3.png","tv_困": "241ee304e44c0af029adceb294399391e4737ef2.png","tv_坏笑": "1f0b87f731a671079842116e0991c91c2c88645a.png","tv_大佬": "093c1e2c490161aca397afc45573c877cdead616.png","tv_大哭": "23269aeb35f99daee28dda129676f6e9ea87934f.png","tv_委屈": "d04dba7b5465779e9755d2ab6f0a897b9b33bb77.png","tv_害羞": "a37683fb5642fa3ddfc7f4e5525fd13e42a2bdb1.png","tv_尴尬": "7cfa62dafc59798a3d3fb262d421eeeff166cfa4.png","tv_微笑": "70dc5c7b56f93eb61bddba11e28fb1d18fddcd4c.png","tv_思考": "90cf159733e558137ed20aa04d09964436f618a1.png","tv_惊吓": "0d15c7e2ee58e935adc6a7193ee042388adc22af.png","tv_打脸": "56ab10b624063e966bfcb76ea5dc4794d87dfd47.png","tv_抓狂": "fe31c08edad661d63762b04e17b8d5ae3c71a757.png","tv_抠鼻": "c666f55e88d471e51bbd9fab9bb308110824a6eb.png","tv_斜眼笑": "911f987aa8bc1bee12d52aafe62bc41ef4474e6c.png","tv_无奈": "ea8ed89ee9878f2fece2dda0ea8a5dbfe21b5751.png","tv_晕": "5443c22b4d07fb1907ccc610c8e6db254f2461b7.png","tv_流汗": "cead1c351ab8d79e9f369605beb90148db0fbed3.png","tv_流泪": "7e71cde7858f0cd50d74b0264aa26db612a8a167.png","tv_流鼻血": "c32d39db2737f89b904ca32700d140a9241b0767.png","tv_点赞": "f85c354995bd99e28fc76c869bfe42ba6438eff4.png","tv_生气": "26702dcafdab5e8225b43ffd23c94ac1ff932654.png","tv_生病": "8b0ec90e6b86771092a498c54f09fc94621c1900.png","tv_疑问": "0793d949b18d7be716078349c202c15ff166f314.png","tv_白眼": "c1d59f439e379ee50eef488bcb5e5378e5044ea4.png","tv_皱眉": "72ccad6679fea0d14cce648b4d818e09b8ffea2d.png","tv_目瞪口呆": "0b8cb81a68de5d5365212c99375e7ace3e7891b7.png","tv_睡着": "8b196675b53af58264f383c50ad0945048290b33.png","tv_笑哭": "1abc628f6d4f4caf9d0e7800878f4697abbc8273.png","tv_腼腆": "89712c0d4af73e67f89e35cbc518420380a7f6f4.png","tv_色": "61822c7e9aae5da76475e7892534545336b23a6f.png","tv_调侃": "4bc022533ef31544ca0d72c12c808cf4a1cce3e3.png","tv_调皮": "b9c41de8e82dd7a8515ae5e3cb63e898bf245186.png","tv_鄙视": "6e72339f346a692a495b123174b49e4e8e781303.png","tv_闭嘴": "c9e990da7f6e93975e25fd8b70e2e290aa4086ef.png","tv_难过": "87f46748d3f142ebc6586ff58860d0e2fc8263ba.png","tv_馋": "fc7e829b845c43c623c8b490ee3602b7f0e76a31.png","tv_鬼脸": "0ffbbddf8a94d124ca2f54b360bbc04feb6bbfea.png","tv_黑人问号": "45821a01f51bc867da9edbaa2e070410819a95b2.png","tv_鼓掌": "1d21793f96ef4e6f48b23e53e3b9e42da833a0f6.png"},requiredFields: ['nick','mail'], //设置必填项});
重新部署查看
hexo clean & hexo g -d
为使用matery主题的hexo增加Valine评论系统相关推荐
- hexo添加valine评论系统 (yilia主题)
hexo-yilia添加valine评论系统 配置步骤 一.创建应用 二.yilia下的配置文件 三.到此整个评论系统创建完成啦,看一下结果!如果遇到一些问题还可以参见[yilia增加valine]( ...
- Hexo yilia 主题添加 valine 评论系统
本文仅讨论在 yila 中所增加或修改的代码,有关 leancloud 的申请及配置,请参考我所参考的两篇博文: <Hexo yilia主题 添加valine评论系统> <Valin ...
- Hexo博客进阶：为Next主题添加Valine评论系统
文章目录 前言 根据读者反馈,Valine 评论系统在 Next 主题高版本 (7.+) 以上没有内置,且 Valine 已经很久没有更新维护了.如果想要配置体验 Valine 的,建议使用 Next ...
- Hexo折腾之改用Valine评论系统 - 更新域名绑定，评论后台管理
前几天给博客添加了来必力评论系统,但是加载速度实在是慢的可以,原因是来必力是在页面滑到底部的时候才开始加载,但是通过控制台看,来必力确实时间很久,很影响我自己的使用体验(嗯,没有别人,哭),所以在网上 ...
- hexo 博客next主题集成gitment或者gitalk评论系统
原文链接hexo 博客next主题集成gitment或者gitalk评论系统 前言 之前使用多说,多说挂了,用网易跟帖代替,网易跟帖又没了.前段时间用来必力,感觉还行,但总归不踏实.后面发现有gitm ...
- 为 Hexo 博客添加 valine 评论系统
注册 LeanCloud 由于 valine 评论系统是放在 LeanCloud 上的,因此需要先打开 https://www.leancloud.cn/ 网址注册一个 LeanCloud 账号. 注 ...
- valine评论系统使用
文章在本人博客:valine评论系统使用 说下做了什么吧: 评论功能 美化工作 前端验证 QQ头像 邮件提醒 文章目录 1. 注册登录 2. 修改博客渲染文件 2.1 添加代码 2.2 判断讲解 2. ...
- Valine评论系统不能使用
1.Valine 评论系统不能使用 这几天发现 Valine 评论系统不见了,没法使用啦,发现原来是themes / next1 / layout / _third-party / comments ...
- Valine评论系统无法正常使用问题
Valine评论系统无法正常使用 一.今天发现 Valine 评论系统无法使用啦,发现原来是valine里的av -min.js检查不到的原因. 官方也给了说法,是因为 leancloud.cn 以及 ...
最新文章
- linux下测试磁盘的读写IO速度-简易方法
- 《从0到1学习Flink》—— Flink Data transformation(转换)
- 查看用户登录时间以及命令历史
- GLUT键盘控制（glutKeyboardFunc和glutSpecialFunc）
- 太强了！这个 Jupyter notebook 离线工具可以用一辈子！
- java 分布式电子商务云平台b2b b2c o2o需要准备哪些技术？？
- spark-streaming first insight
- Linux服务器安全设置总结
- 牛客15666 又见斐波那契（矩阵快速幂）
- 函数计算如何访问 PostgreSQL 数据库
- 【华为云技术分享】云图说 | 容器交付流水线ContainerOps，助力企业容器化转型
- 安装配置mariadb-10.1.19
- Rust之控制流，条件语句，模式匹配
- 软件测试——第三次作业
- [2018.10.13 T2] 工作计划
- Android、netassist进行UDP通信
- ExeScope辅助测试工具简介
- C语言基础程序题及答案（适合学完C基础的人练练手）
- 将背景为白色图片转为png格式的透明图片
- 被晨光搁浅的誓言无声