记一次 Griade 部署 Valine 评论系统

2021-04-16 Views 记录 经验

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

参考

部署效果

Leancloud 注册&部署&配置

1)登录注册后进入控制台,创建应用-选择开发版
2)点击创建的应用,进入设置 - 应用keys - 记录 AppID/AppKey
3)设置 - 域名绑定 - 绑定自己的评论后台域名
4)云引擎 - WEB - 部署 - Git部署 - 配置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>

2)在 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 结束:-->   

3)在Gridea客户端 - 远程 - 评论配置 - 是否显示评论[默认关闭]勾选打开
4)开启评论就打开,不显示评论就关闭。