添加Waline到DG生成的网页

Warning

之前在 通过DG自定义组件添加评论组件 中使用的 Valine 后来了解到它其实已经闭源了,并且存在着安全问题。在浏览过部分大佬的文章后决定将评论组件换为 Waline

准备

添加模块到笔记

文件结构:
image.png

添加 css 到 head: src\site\_includes\components\user\notes\head\walinecss.njk

<link

    rel="stylesheet"

    href="https://unpkg.com/@waline/client@v2/dist/waline.css"

  />

添加模块到文章下: src\site\_includes\components\user\notes\afterContent\01-walinediv.njk

  <div id="waline"></div>

  <script type="module">

    import { init } from 'https://unpkg.com/@waline/client@v2/dist/waline.mjs';

  

    init({

      el: '#waline',

      serverURL: 'https://waline.gachi.cn',

    });

  </script>