教育不是灌输,而是点燃火焰-----苏格拉底
In The Front
- 这里的博客是指的静态博客(Hexo、Hugo等)
- Netlify 免费等级(Functions Level 0)支持每月 125,000 请求次数和 100 小时函数计算时长
- 主要配置:MongoDB(数据库),Netlify (Deploy平台),博客网页(客户端/前端)。数据库负责储存数据,deploy平台来执行代码、将其变为app,最后连接到博客,从而在网页显示出来。所以必须按顺序操作,每一步都需要前一步得到的信息从而连接到一起。
1 为什么使用Twikoo?
- 开源,免费,轻量无广告(吊打Disqus等一众评论服务)
- 匿名性好,不需要强制社交账号登录(重要‼️)
- 有新评论时可收到邮箱/即时消息通知
- 游客若留下邮箱,评论被回复时可收到邮件提醒(cusdis不支持)
- 数据支持导入导出
2 MongoDB配置
- 申请MongoDB账号,然后登陆.
- 创建免费 MongoDB 数据库,区域推荐选择
AWS / N. Virginia (us-east-1)
. - 在 Database Access 页面点击 Add New Database User 创建数据库用户,Authentication Method 选 Password,在 Password Authentication 下设置数据库用户名和密码,用户名和密码可包含数字和大小写字母,请勿包含特殊符号。点击 Database User Privileges 下方的 Add Built In Role,Select Role 选择 Atlas Admin,最后点击 Add User.
- 在 Network Access 页面点击 Add IP Address,Access List Entry 输入
0.0.0.0/0
(允许所有 IP 地址的连接),点击 Confirm. - 在 Database 页面点击 Connect,连接方式选择
Drivers,并记录数据库连接字符串,请将连接字符串中的
<username>:<password>
修改为刚刚创建的数据库用户名:密码
.
3 Netlify配置
- 创建netlify账号并申请一个Team.
- 打开twikoo项目: twikoojs/twikoo-netlify,点击 fork 将仓库 fork 到自己的账号下.
- 回到 Netlify,点击 Add new site - Import an existing project.
- 点击 Deploy with GitHub,如果未授权 GitHub 账号,先授权,然后选择前面 fork 的 twikoo-netlify 项目.
- 点击 Add environment variables - New variable,Key 输入
MONGODB_URI
,Value 输入前面记录的数据库连接字符串,点击 Deploy twikoo-netlify,等待项目部署. - 部署完成后,点击 Domain settings 可以看到云函数。
- 浏览器访问云函数链接,出现以下界面.
- 云函数地址(包含
https://
前缀和/.netlify/functions/twikoo
后缀,例如https://xxx.netlify.app/.netlify/functions/twikoo
)即为您的环境 id.
4 修改博客配置文件
- 打开Volantis主题的配置文件
_config.volantis.yml
,找到Comments模块. - 修改service为twikoo.
- 找到下方twikoo部分,将刚才的云函数地址填写在envId处.
- 配置完成,
hexo clean && hexo g && hexo s
看看效果😄!
Twikoo还拥有评论管理系统,在评论框的右下角齿轮,后面再探索吧。。。