Twikoo评论系统的安装与个性化设置
Twikoo评论系统的安装与个性化设置
这几天,迎来了博客大修,同时加入了评论功能,eventually! 可以和大家bablababababa!!!
Author:@kkl
很喜欢这个表情包小猫,it reminds me the github cat!!!


写在前面
其实在当初在为博客建站做准备的时候,我是并没有打算往博客当中安装评论系统的。原因是当时觉得作为浩瀚互联网中的一个普普的小站,访问密度一定是十分渺小的。其次,原意是作为技术博客来进行建设,用来存放个人学习时的记录的笔记、方法等,仅仅面向个人。于是就会在那捧脑袋想:评论应该没有必要吧…
不过近期发现,除了技术这类严肃内容(的输出,渐渐也会分享一些生活方面的内容以及一些自己的想法。想想坐在电脑面前边想边敲啊敲,发布前还得呼出命令行hexo clean && hexo g && hexo d
,这种复古的仪式感,嗯,old good times,感觉起来还是很愉快的!后期可能会慢慢往「技术 + 生活」两大块内容发展、生长。这个时候,突然就感到,要是能有友人在底下comment还是很幸福的,所以博客拥有一个评论系统还是很重要的。
还有一件事,就是我开始写博客接近快一年了!鼓掌祝贺piapiapia!但是,也没有交到多少赛博友邻,沮丧…希望添加评论系统以后能够开始make good friends!
开始
Vercel + Twikoo 云函数部署
我搭建评论功能使用的平台是Twikoo
,一个简洁、安全、免费的静态网站评论系统:->poke here.
因为我当前的静态博客搭建使用的是Hexo + Fluid
,然后 Fluid 主题当中集成好了 Twikoo 的插件,因此我只需要完成云函数部署即可(我选择使用Vercel部署方式。
Twikoo个性化设置
Twikoo评论系统的个性化设置参考了这篇文章,非常谢谢这位Po主!
头像设置
Configuration-General-GRAVATAR_CDN
一栏填入gravatar.com
.
自定义头像,可以前往Gravatar这个网站用自己的邮箱注册账号并上传个人头像,即可使用该邮箱进行评论时显示自己的自定义头像啦!
自定义表情包
Configuration-Plugin-EMOTION_CDN
一栏输入https://raw.githubusercontent.com/avocadoTiff/twikoo/main/owo.json
,这是原文章Po主制作的自定义表情包库,然后你也可以拥有这么一只可爱小猫!
WHAT A LOVELY CAT!!!
接下来,我也照猫画虎地尝试起制作自己的自定义表情包库啦(撸起袖子状!
表情包的制作其实很简单!只要按照以下的json
文件格式制作一份owo.json
文件,然后将这个文件放到你的仓库,或者对象存储等区域就可以进行调用啦!
制作表情包有三种type
:
emoticon
:颜文字,文字类。emoji
:这个怎么翻译啊,小表情包吗hhh?image
:获取图片当成表情包,需要提供URL。
1 |
|
以下是几个包含了很多很多各种各样的自定义表情包的地址:
- Twikoo-Magic,一个搜罗了许多热门Twikoo表情包的仓库。
- Slackmojis,超超超多表情包,提供了
alt text
,右键可以复制图片链接
。 - 小康的表情速查,居然可以一键生成Twikoo表情包的 json 文件,不过看上眼的就少了些(
最后终于,我也制作了一个自定义的表情包库,和我的博客扔在同一个Github仓库啦!
Configuration-Plugin-EMOTION_CDN
一栏输入https://raw.githubusercontent.com/ZhangKeLiang0627/ZhangKeLiang0627.github.io/main/img/sys/owo.json
,即可使用同款表情ahhh!


配置邮件通知服务
这里以配置QQ邮箱为例:
首先,你要先开启邮箱的POP3/SMTP服务:->click here to know more details.
1 |
|
填写好后,可以使用「邮件通知测试」测试该设置是否能够正常使用。
写在后面
终于是把评论功能系统添加好啦!现在我也可以说,欢迎大家的留言!!!