珍爱生命，远离高权限评论插件 # 为什么弃用Gitalk? 昨天，我使用ParticleX自带的Gitalk弄好了评论区系统，能用，但是当我邀请舍友来参与评论时，一名舍友发出了质疑：这个评论索要的权限也太高了吧！ ![](https://static.yuzi.dev/picture/bcb4ff00/image_AgNA1mpbUW.png) 仔细一看，居然要**读写所有公开仓库**的权限，看着实在是太吓人了，为什么会这样？在我仔细搜索一番后，发现v2ex论坛早已有相关[讨论](https://www.v2ex.com/t/535608 "讨论")，因为他的实现原理是使用一个repo的issue来存储评论区，那要发评论就是操作你的账号往该仓库的issue里发东西，而由于GitHub Oauth的权限粒度的问题，要想实现上述功能，就必须要这么高的权限。而这个权限的token貌似就存在localstorage中，博主只需稍微在网页上写一点Ajax，就能拿到评论者的GitHub所有仓库的读写权限！不光如此，使用gitalk，该Oauth的clientID和secret都会被直接暴露在前端！对于博主来说也是很危险的行为： ![](https://static.yuzi.dev/picture/bcb4ff00/image_sBqWvxf2Y_.png) 所以，我必须寻找一个合适的评论系统，规避以上问题，经过我的一番搜寻，Waline便成为我选择的对象，它的优点有： * 不会暴露评论者和博主的隐私 * 可选择匿名评论，降低评论门槛（可选关闭） * 使用Vercel部署，多种数据库可供选择，速度快 * 也可使用多种第三方账号登录，登录时只索要个人信息的最基础权限 # 部署Vercel 首先，上[官方仓库地址](https://github.com/walinejs/waline "官方仓库地址")和[官方网站](https://waline.js.org/ "官方网站")，其实跟着官方网站的教程走，也可以很快搭好。打开教程，看到[部署](https://waline.js.org/guide/get-started.html#vercel-%E9%83%A8%E7%BD%B2-%E6%9C%8D%E5%8A%A1%E7%AB%AF "部署")部分，可以看到官方给的一键部署链接：[Deploy](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fwalinejs%2Fwaline%2Ftree%2Fmain%2Fexample "Deploy") 点进去后，选择GitHub部署，输入一个未被使用的名字，然后点击Create。（注：一定要勾选创建私有仓库！）创建好后，就可以配置数据库了。 # 使用SupaBase做数据库这个东西是一个“BaaS”的东西，叫后端即服务，是昨天舍友推荐给我的，没想到今天就用上了，官网也有对应部署[教程](https://waline.js.org/guide/server/databases.html#postgresql "教程")。注册好后，将官方提供的[创建表的SQL](https://github.com/walinejs/waline/blob/main/assets/waline.pgsql "创建表的SQL")直接扔进SQL Editor中，运行，Over！ ![](https://static.yuzi.dev/picture/bcb4ff00/image_MXQ1IKAJWf.png) 创建好后，就把连接数据库的字段放进Vercel的环境变量中，其值在Supabase的“Settings→Database”页面往下划： ![](https://static.yuzi.dev/picture/bcb4ff00/image_URhlkUX3OQ.png) 然后就去Vercel的“Settings→Environment Variables”里增加环境变量，对照文档里的添加就行了： ![](https://static.yuzi.dev/picture/bcb4ff00/image_j3ISQpPOLZ.png) 密码是你刚刚创建项目时候输入的，如果忘了可以在下面重置。 *** 当然，这个评论系统还有诸多实用功能，如使用邮箱进行提醒等，可参照官网文档进行设置 # 前端引入我在稍后会向ParticleX的仓库提PR，向其添加内置Waline的功能，可以直接在主题设置里调：关于自定义Vercel地址，详见：“Settings→Domains” `_config.yml`： ```yaml waline: # New! Whether enable this plugin enable: true # Waline server address url, you should set this to your own link serverURL: #此处填写Vercel部署的地址 # Custom locales # locale: # placeholder: Welcome to comment # Comment box placeholder # If false, comment count will only be displayed in post page, not in home page commentCount: true # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`. pageview: false # Custom emoji emoji: - https://unpkg.com/@waline/emojis@1.0.1/weibo - https://unpkg.com/@waline/emojis@1.0.1/alus - https://unpkg.com/@waline/emojis@1.0.1/bilibili - https://unpkg.com/@waline/emojis@1.0.1/qq - https://unpkg.com/@waline/emojis@1.0.1/tieba - https://unpkg.com/@waline/emojis@1.0.1/tw-emoji # Comment infomation, valid meta are nick, mail and link meta: - nick - mail - link # Set required meta field, e.g.: [nick] | [nick, mail] requiredMeta: - nick # Language, available values: en-US, zh-CN, zh-TW, pt-BR, ru-RU, jp-JP lang: zh-CN # Word limit, no limit when setting to 0 wordLimit: 0 # Whether enable login, can choose from 'enable', 'disable' and 'force' login: enable # comment per page pageSize: 10 ``` 修改的地方如下： `post.ejs`： ```javascript <% if (theme.waline.enable) { %>

<% } %> ``` `script.ejs`： ```javascript <% if (theme.waline.enable && is_post()) { %> <% } %> ``` 祝各位都能用上Waline！有问题评论区见！