在hexo博客matery主题中使用valine评论系统

使用效果:

在hexo博客matery主题中使用valine评论系统_第1张图片

博客篇尾

在hexo博客matery主题中使用valine评论系统_第2张图片

留言板

首先在valine官网注册账号LeanCloud

登录后创建应用

在hexo博客matery主题中使用valine评论系统_第3张图片

应用名称随意,计价方案选择开发版,点击创建

在hexo博客matery主题中使用valine评论系统_第4张图片 点击创建应用的设置

在hexo博客matery主题中使用valine评论系统_第5张图片

在设置界面选择应用凭证,记住appid和appkey,待会要用

在hexo博客matery主题中使用valine评论系统_第6张图片 来到hexo博客matery主题的_config.yml配置文件中,将配置文件中的valine.enable修改为true,并将刚刚获取的appid与appkey填入相应位置。修改完成后每一篇博客的篇尾便会出现评论系统。在hexo博客matery主题中使用valine评论系统_第7张图片

 最后修改留言板,来到主题文件夹下的contact.ejs文件中,将其中内容修改成为如下:

在hexo博客matery主题中使用valine评论系统_第8张图片

   <%= __('contact') %>
<%- page.content %>
<% if (theme.valine && theme.valine.enable) { %> <%- partial('_partial/valine') %> <% } %>

 注意该文件中的p标签,将其修改为left,默认是center,将导致评论居中。

你可能感兴趣的:(html)