前言

文章主要讲Hexo下Butterfly主题的添加方式,不同的主题可参考着修改。主要用到了两个技术:一个是MonogoDB提供的云函数,另一个是利用Vercel对云函数进行部署。在学习如何添加前,请读者先粗略浏览一遍Twikoo的官方文档,其实官方写很细致。快速上手 | Twikoo文档


申请MonogoDB云函数

注册账号

点击注册

这里根据意思填写即可,主要是邮箱必须有效,后续需要邮箱进行验证。

验证邮箱

点击邮箱验证即可

这里MonogoDB会提示你验证成功,点击继续。

填写问卷

这里最好跟图中保持一致,特别是编程语言必须选JS。


创建数据库

选择免费的即可,点击创建。

提供商必须选AWS,地区选US或香港都可以,推荐选择香港,然后点击创建。

配置数据库

创建一个数据库用户,并将账号密码记下来,然后点击创建用户。

将IP为0.0.0.0加入白名单,点击添加,最后点击完成。

连接数据库

点击白色的Connect进行连接,选择如下这个进入。

将红色框中的内容进行复制,将部分替换为自己的数据库密码,并将这段保存下来。


申请Vercel部署

注册账号

这里强烈推荐GitHub关联注册,非常方便。没有GitHub账号的建议先去注册一个。

点击注册

搭建部署环境

注册好Vercel账号后,点击下面跳转到部署页面。

Deploy

创建一个私有仓库用来部署云函数,名字随便取,点击创建后等待构建完成。

出现如下的祝贺表示成功,然后点击右上跳转到控制台。


环境配置

依次点击Settings->Environment Variables进入到环境变量添加,添加环境变量MONGODB_URI,其中值为之前保存的字符串,最后点击保存即可。

如果之前数据库地区写了香港,还需要在Settings->Functions中修改地区为香港,如果是US则可以跳过这一步,最后点击保存即可。

环境部署

进入到Deployments,点击右侧三个点,再点击红色标记的Redeploy。

勾选图中的Redeploy选项,点击REDEPLOY进行部署,等待状态变为绿色表示部署成功。

跳转域名查看云函数是否有效,若出现以下情况,则表示云函数有效。


Hexo配置评论

主题配置

以下主要是针对ButterFly主题的配置,其他主题请参考官方文档进行配置,主要是找云函数链接应该放在哪个属性。

运行测试

运行Hexo,测试评论功能是否可以正常使用。


总结

以上就是利用Twikoo部署评论功能的全部教程,此文也是在我自己实现这个功能后立刻写出来的。个人认为,当学会一项新技术去分享给别人的时候,不仅能够让更多人受益,同时也给自己带来好心情,还能更好的掌握这项技术,这何尝不是一件美事呢~