Waline是什么

一款从 Valine 衍生的带后端评论系统。可以将 Waline 等价成 With backend Valine.

简单来说，Waline可以引入到任意网站上，比如hugo等搭建的静态博客系统。

为什么要用Waline

看到这个的第一眼我就心想：卧槽，我也要整一个！

怎么搭建呢？

直接参考官网即可，文档较为完善。推荐使用vercel+LeanCloud，可以实现无服务器搭建，当然访问速度有一些慢。

需要注意什么？

Waline主要分为三个部分进行配置：

vercel环境变量

配置地址:https://vercel.com/%username%s-projects/%project_name%/settings/environment-variables
配置文档:https://waline.js.org/reference/server/env.html
描述：一些全局性的配置
具体可配置项目如下：

index.js（服务端）配置

配置地址:https://github.com/%username%/%repositorie%/blob/main/index.js
配置文档:https://waline.js.org/reference/server/config.html
描述：该文件位于github私有仓库内，其中一些项目与vercel环境变量效果一致。在这里修改过的文件会自动在vercel内重新build。
可配置的项目：

修改过的index.js文件参考如下：

const Application = require('@waline/vercel');

module.exports = Application({
  plugins: [],
  //secureDomains: '*.tama.guru',
  COMMENT_AUDIT: true,
  forbiddenWords: ['***', '***'],
});

前端(html内)配置

配置地址:https://%yoursite%/%sitename%.html
配置文档:https://waline.netlify.app/client/basic.html
描述：每个html都可以独立配置以达到不同的显示效果
注意：以下配置针对v2版本生效，v3未知
可配置的项目：

修改过的html文件参考如下：

<script src="/waline.js"></script>
<link href='/waline.css' rel='stylesheet' />
 <div id="waline"></div>
 <script>
     const waline = Waline.init({
         el: '#waline',
         serverURL: 'https://%yourwalineserversite%',
         reaction: ture,
         meta: ['nick','mail'],
         requiredMeta: ['mail'],
         pageview: true,
         search: false,
         comment: false,
         login: 'disable',
         wordLimit: 50,
         pageSize: 5,
         avatar: 'monsterid',
         emoji: [
             'https://unpkg.com/@waline/emojis@1.2.0/tieba',
         ],
         //禁止图片上传按钮
         imageUploader: false,
         //不显示版权标志
         copyright: false,
     });
 </script>

再次提醒，我引用最新的v3版本会报错，建议用v2。