为静态博客Griade上面部署Valine评论系统 带有后台管理以及邮件通知

参考

Leancloud 注册&部署&配置

版本 链接 备注
国内版 Leancloud.cn 域名需备案
国际版 console.Leancloud.app 免备案

配置流程

  1. 登录注册后进入控制台，创建应用 > 选择开发版
  2. 点击创建的应用，进入设置 > 应用凭证 > 记录 Credentials下 AppID/AppKey
  3. 设置 > 域名绑定 > 在云引擎、ClientEngine 域名下绑定自己的评论后台域名
  4. 云引擎 > WEB > 部署 > 部署项目 > Git部署 填入https://github.com/DesertsP/Valine-Admin.git
  5. 云引擎 > WEB > 设置 > 自定义环境变量 > 添加新变量（见下表）
  6. 配置完变量后，点击部署内重启！重启后生效
  7. 评论管理 进入绑定域名http://Domain /sign-up
  8. 定时唤醒配置 直接参考Deserts大佬的文章吧！

变量说明

变量 示例 说明
SITE_NAME Deserts [必填]博客名称
SITE_URL https://panjunwen.com [必填]首页地址
SMTP_SERVICE QQ [新版支持]邮件服务提供商，支持 QQ、163、126、Gmail 以及 更多
SMTP_USER xxxxxx@qq.com [必填]SMTP登录用户
SMTP_PASS xxxxxxxxxx [必填]SMTP登录密码（QQ邮箱需要获取独立密码）
SENDER_NAME Deserts [必填]发件人
SENDER_EMAIL xxxxxx@qq.com [必填]发件邮箱
ADMIN_URLI https://xxx.leanapp.cn/ [建议]Web主机二级域名（云引擎域名），用于自动唤醒
BLOGGER_EMAI LIxxxxx@gmail.com [可选]博主通知收件地址，默认使用SENDER_EMAIL
AKISMET_KEY xxxxxxxx [可选]Akismet Key 用于垃圾评论检测，设为MANUAL_REVIEW开启人工审核，留空不使用反垃圾

主题添加评论

  1. 在主题目录文件夹找到 head.ejs 引用
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
  1. 在 post.ejs 末尾 </body> 前添加下方代码
<!--Leancloud 操作库:-->
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <!--Valine 的核心代码库-->
    <script src="/media/Valine.min.js"></script>
    <!--修改自己的Valine.min.js路径；主题配置js-->
<div class="comment"></div>
<script>
    new Valine({
        // AV 对象来自上面引入av-min.js(老司机们不要开车➳♡゛扎心了老铁)
        av: AV, 
        el: '.comment',
        lang: 'zh-cn',//设置评论语言
        emoticon_url: 'https://banana7.cn/media/alu',
        <!--alu修改为自己的路径；评论表情包文件-->
  emoticon_list: ["暗地观察.png","便便.png","不出所料.png","不高兴.png","不说话.png","抽烟.png","瞅你.png","得意.png","愤怒.png","尴尬.png","高兴.png","鼓掌.png","观察.png","汗.png","黑线.png","欢呼.png","击掌.png","惊喜.png","看不见.png","看热闹.png","抠鼻.png","口水.png","哭泣.png","狂汗.png","蜡烛.png","脸红.png","内伤.png","喷水.png","期待.png","亲亲.png","扇耳光.png","深思.png","锁眉.png","投降.png","无奈.png","无所谓.png","无语.png","献花.png","献黄瓜.png","想一想.png","小眼睛.png","邪恶.png","咽气.png","阴暗.png","赞一个.png","长草.png","中刀.png","中枪.png","中指.png","肿包.png","皱眉.png","装大款.png"],
  app_id: '修改为上面记录的AppID',
  app_key: '修改为上面记录的AppKey',
  placeholder: '「 人生在世，留句话给我吧 」'
    });
</script> 
<!--Leancloud 结束:-->

添加可开启关闭版本评论

  1. 进入主题文件夹 \templates\_blocks 找到 gitalk.ejs复制一份，原gitalk.ejs备份
  2. 打开gitalk.ejs清空内容，复制代码进去
<!--Leancloud 操作库:-->
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <!--Valine 的核心代码库-->
    <script src="/media/Valine.min.js"></script>
    <!--修改自己的Valine.min.js路径；主题配置js-->
<div class="comment"></div>
<script>
    new Valine({
        // AV 对象来自上面引入av-min.js(老司机们不要开车➳♡゛扎心了老铁)
        av: AV, 
        el: '.comment',
        lang: 'zh-cn',//设置评论语言
        emoticon_url: 'https://banana7.cn/media/alu',
        <!--alu修改为自己的路径；评论表情包文件-->
  emoticon_list: ["暗地观察.png","便便.png","不出所料.png","不高兴.png","不说话.png","抽烟.png","瞅你.png","得意.png","愤怒.png","尴尬.png","高兴.png","鼓掌.png","观察.png","汗.png","黑线.png","欢呼.png","击掌.png","惊喜.png","看不见.png","看热闹.png","抠鼻.png","口水.png","哭泣.png","狂汗.png","蜡烛.png","脸红.png","内伤.png","喷水.png","期待.png","亲亲.png","扇耳光.png","深思.png","锁眉.png","投降.png","无奈.png","无所谓.png","无语.png","献花.png","献黄瓜.png","想一想.png","小眼睛.png","邪恶.png","咽气.png","阴暗.png","赞一个.png","长草.png","中刀.png","中枪.png","中指.png","肿包.png","皱眉.png","装大款.png"],
  app_id: '修改为上面记录的AppID',
  app_key: '修改为上面记录的AppKey',
  placeholder: '「 人生在世，留句话给我吧 」'
    });
</script> 
<!--Leancloud 结束:-->
  1. 在Gridea客户端 > 远程 > 评论配置 > 是否显示评论默认关闭勾选打开
  2. 开启评论就打开，不显示评论就关闭。