使用效果:
博客篇尾
留言板
首先在valine官网注册账号LeanCloud
登录后创建应用
应用名称随意,计价方案选择开发版,点击创建
点击创建应用的设置
在设置界面选择应用凭证,记住appid和appkey,待会要用
来到hexo博客matery主题的_config.yml配置文件中,将配置文件中的valine.enable修改为true,并将刚刚获取的appid与appkey填入相应位置。修改完成后每一篇博客的篇尾便会出现评论系统。
最后修改留言板,来到主题文件夹下的contact.ejs文件中,将其中内容修改成为如下:
<main class="content">
<div id="contact" class="container chip-container">
<div class="card">
<div class="card-content">
<div class="tag-title center-align">
<i class="fas fa-comments"></i>
<%= __('contact') %>
</div>
<%- page.content %>
</div>
</div>
<!--其他评论card-->
<div class="card">
<% if (theme.valine && theme.valine.enable) { %>
<%- partial('_partial/valine') %>
<% } %>
</div>
</main>
注意该文件中的p标签,将其修改为left,默认是center,将导致评论居中。