通过DG自定义组件添加评论组件

Info

通过 Digital Garden自定义组件 添加评论组件
我使用的是 Valine 一款快速、简洁且高效的无后端评论系统。 作为我的评论组件

前置条件

  1. 根据 快速开始 | Valine 一款快速、简洁且高效的无后端评论系统。 获取 id 和 key,我使用的是华东节点,可以根据自己的情况选择节点
  2. 没了

添加组件至仓库

路径

\src\site\_includes\components\user\notes\afterContent

文件名

01-comment.njk

代码块

<script src='//cdn.jsdelivr.net/npm/valine/dist/Valine.min.js'></script>

<div id="vcomments"></div>

<script>

    new Valine({

        el: '#vcomments',

        appId: '',

        appKey: ''

    })

</script>

效果展示

image.png