抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

Dekel'Blog

奔赴山海,保持热爱

教育不是灌输,而是点燃火焰-----苏格拉底


In The Front

  • 这里的博客是指的静态博客(Hexo、Hugo等)
  • Netlify 免费等级(Functions Level 0)支持每月 125,000 请求次数和 100 小时函数计算时长
  • 主要配置:MongoDB(数据库),Netlify (Deploy平台),博客网页(客户端/前端)。数据库负责储存数据,deploy平台来执行代码、将其变为app,最后连接到博客,从而在网页显示出来。所以必须按顺序操作,每一步都需要前一步得到的信息从而连接到一起。

1 为什么使用Twikoo?

  • 开源,免费,轻量无广告(吊打Disqus等一众评论服务)
  • 匿名性好,不需要强制社交账号登录(重要‼️)
  • 有新评论时可收到邮箱/即时消息通知
  • 游客若留下邮箱,评论被回复时可收到邮件提醒(cusdis不支持)
  • 数据支持导入导出

twikoo官网

2 MongoDB配置

  1. 申请MongoDB账号,然后登陆.
  2. 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1).
  3. 在 Database Access 页面点击 Add New Database User 创建数据库用户,Authentication Method 选 Password,在 Password Authentication 下设置数据库用户名和密码,用户名和密码可包含数字和大小写字母,请勿包含特殊符号。点击 Database User Privileges 下方的 Add Built In Role,Select Role 选择 Atlas Admin,最后点击 Add User.image-20240505102133938
  4. 在 Network Access 页面点击 Add IP Address,Access List Entry 输入 0.0.0.0/0(允许所有 IP 地址的连接),点击 Confirm.image-20240505102247284
  5. 在 Database 页面点击 Connect,连接方式选择 Drivers,并记录数据库连接字符串,请将连接字符串中的 <username>:<password> 修改为刚刚创建的数据库 用户名:密码.mongodb-3.BlCbBw8p

3 Netlify配置

  1. 创建netlify账号并申请一个Team.
  2. 打开twikoo项目: twikoojs/twikoo-netlify,点击 fork 将仓库 fork 到自己的账号下.
  3. 回到 Netlify,点击 Add new site - Import an existing project.image-20240505102741662
  4. 点击 Deploy with GitHub,如果未授权 GitHub 账号,先授权,然后选择前面 fork 的 twikoo-netlify 项目.image-20240505103003576
  5. 点击 Add environment variables - New variable,Key 输入 MONGODB_URI,Value 输入前面记录的数据库连接字符串,点击 Deploy twikoo-netlify,等待项目部署.image-20240505103149003
  6. 部署完成后,点击 Domain settings 可以看到云函数。image-20240505104149903
  7. 浏览器访问云函数链接,出现以下界面.image-20240505103515717
  8. 云函数地址(包含 https:// 前缀和 /.netlify/functions/twikoo 后缀,例如 https://xxx.netlify.app/.netlify/functions/twikoo)即为您的环境 id.

4 修改博客配置文件

  1. 打开Volantis主题的配置文件_config.volantis.yml,找到Comments模块.
  2. 修改service为twikoo.
  3. 找到下方twikoo部分,将刚才的云函数地址填写在envId处.image-20240505104058405
  4. 配置完成,hexo clean && hexo g && hexo s看看效果😄!image-20240505120929594

Twikoo还拥有评论管理系统,在评论框的右下角齿轮,后面再探索吧。。。

参考文章

twikoo文档:云函数部署

评论

看完了不如留下点什么吧