评论扩展

目前 DevNow 项目默认的评论是基于 giscus 实现的。

但是个人觉得这个评论体验不是很好，所以目前 演示网站 已经把评论换成了 Waline。

一、Waline

• 轻量级、易部署
• 支持 Markdown 语法、emoji 表情、数学公式
• 匿名评论
• 流浪量统计
• WebHook 推送

1.1 部署数据库、后端服务相关配置

根据 Waline 部署相关的后端服务，主要是 LeanCloud 设置 (数据库)，可以通过 Vercel 一键部署，详情可参看 快速上手

Vercel 部署成功后，可以解析一个自定义域名，这样更容易记忆。然后更新评论组件中的 serverURL 即可。

1.2 重构评论组件

src/components/Comments.astro

<link rel='stylesheet' href='https://unpkg.com/@waline/client@v3/dist/waline.css' />
<!-- Meta 图标 (可选) -->
<link rel='stylesheet' href='https://unpkg.com/@waline/client@v3/dist/waline-meta.css' />
<div id='waline' class='waline'></div>
<style>
  [data-waline] img {
    margin: 0;
  }
</style>

<script type='module' is:inline>
  import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
  init({
    el: '#waline',
    {/* 后端服务 */}
    serverURL: 'custom domain',
    {/* 主题 */}
    dark: 'html.dark',
    {/* 语言 */}
    lang: 'zh-CN',
    // 浏览量
    pageview: true,
    // 评论数
    comment: true,
    reaction: true,
    copyright: false
  });
</script>