Hcode网站已经正式运行,本网站由Himit_ZH和Howie协同合作搭建,网站的主旨是“记录编程技术,实现在线功能”
这部分我们将介绍一下如何使用valine实现评论功能。Valine 是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。
想要使用valine,必须先登录或注册 LeanCloud
, 进入控制台后点击左下角创建应用:
应用创建好以后,进入刚刚创建的应用,选择左下角的设置
>应用Key
,然后就能看到你的APP ID
和APP Key
了:
最简单的使用方法只需要修改初始化对象中的appId
和appKey
的值为上面刚刚获取到的值即可(其他可以默认)。
COPY<head>
..
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
...
</head>
<body>
...
<div id="vcomments"></div>
<script>
new Valine({
el: '#vcomments',
appId: 'Your appId',
appKey: 'Your appKey'
})
</script>
</body>
Valine还有其他各种可自定义的配置项,具体可看以下:
String
null
true
Valine 的初始化挂载器。可以是一个CSS 选择器
,也可以是一个实际的HTML元素
。
String
null
true
从LeanCloud
的应用中得到的appId
.
String
null
true
从LeanCloud
的应用中得到的appKey
.
String
Just go go
false
评论框占位提示符
。
String
window.location.pathname
false
当前文章页
路径,用于区分不同的文章页
,以保证正确读取该文章页
下的评论列表。 可选值:
window.location.pathname
(默认值,推荐)window.location.href
自定义
文章页
路径的唯一性,否则可能会出现不同文章页
下加载相同评论列表的情况。window.location.href
,可能会出现随便加不同参数
进入该页面,而被判断成新页面的情况。String
mm
false
Gravatar
头像展示方式。
可选值:
''
(空字符串)mp
identicon
monsterid
wavatar
retro
robohash
hide
更多信息,请查看头像配置。
Array
['nick','mail','link']
false
评论者相关属性。
Number
10
false
评论列表分页,每页条数。
String
zh-CN
false
多语言支持。
可选值:
zh-CN
zh-TW
en
ja
如需自定义语言
,请参考i18n。
Boolean
false
false
Boolean
true
false
代码高亮
,默认开启,若不需要,请手动关闭
Boolean
false
false
每次访问强制
拉取最新的评论列表头像
不推荐设置为
true
,目前的评论列表头像
会自动带上Valine
的版本号
Boolean
false
false
是否记录评论者IP
String
http[s]://[tab/us].avoscloud.com
false
⚠️ 该配置适用于国内
自定义域名
用户,海外版本
会自动检测(无需手动填写)v1.3.10+
String
false
设置表情包CDN
,参考自定义表情
Object
null
false
设置表情包映射
,参考自定义表情
Boolean
false
false
是否启用昵称框
自动获取QQ昵称
和QQ头像
, 默认关闭,需博/网站主
主动启用
Array
[]
false
设置必填项
,默认匿名
,可选值:
['nick']
['nick','mail']
由于Valine自带的邮件提醒
功能在v1.4.0
发布时下线,所以我们使用第三方邮件提醒
——Valine Admin
### 1. 基础搭建
首先需要确保 Valine 的基础功能是正常的,参考上述教程。
然后进入 Leancloud 对应的 Valine 应用中。
点击 云引擎 -> 设置
填写代码库并保存:https://github.com/zhaojun1998/Valine-Admin
切换到部署标签页,分支使用 master,点击部署即可:
我们需要设置云引擎的环境变量以提供必要的信息,点击云引擎的设置页,设置如下信息:
SITE_NAME
: 网站名称。SITE_URL
: 网站地址, 最后不要加 /
。SMTP_USER
: SMTP 服务用户名,一般为邮箱地址。SMTP_PASS
: SMTP 密码,一般为授权码,而不是邮箱的登陆密码,请自行查询对应邮件服务商的获取方式SMTP_SERVICE
: 邮件服务提供商,支持 QQ
、163
、126
、Gmail
、"Yahoo"
、......
,全部支持请参考 : Nodemailer Supported services。 --- 如这里没有你使用的邮件提供商,请查看自定义邮件服务器SENDER_NAME
: 寄件人名称。点击重启即可
由于Valine 是无后端评论系统,所以也就没有开发评论数据管理功能。请自行登录Leancloud应用
管理。
具体步骤:登录
>选择你创建的应用
>存储
>选择Class Comment
,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~
下篇文章将介绍如何部署Django项目到服务器(Linux)。