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!!!

Twikoo评论效果图

接下来,我也照猫画虎地尝试起制作自己的自定义表情包库啦(撸起袖子状!

表情包的制作其实很简单!只要按照以下的json文件格式制作一份owo.json文件,然后将这个文件放到你的仓库,或者对象存储等区域就可以进行调用啦!

制作表情包有三种type

  • emoticon:颜文字,文字类。
  • emoji:这个怎么翻译啊,小表情包吗hhh?
  • image:获取图片当成表情包,需要提供URL。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
{
"颜文字": {
"type": "emoticon",
"container": [
{
"icon": "(ノ°ο°)ノ",
"text": "前方高能预警"
},
{
"icon": "(´இ皿இ`)",
"text": "我从未见过如此厚颜无耻之人"
},
]
},
"Emoji": {
"type": "emoji",
"container": [
{
"icon": "😂",
"text": ""
},
{
"icon": "😀",
"text": ""
},
]
},
"Bilibili": {
"type": "image",
"container": [
{
"icon": "<img src=\"https://owo.imaegoo.com/bilibili/6ea59c827c414b4a2955fe79e0f6fd3dcd515e24.png\">",
"text": "tv_doge"
},
{
"icon": "<img src=\"https://owo.imaegoo.com/bilibili/a8111ad55953ef5e3be3327ef94eb4a39d535d06.png\">",
"text": "tv_亲亲"
},
]
}
}

以下是几个包含了很多很多各种各样的自定义表情包的地址:

  • 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
2
3
4
5
6
SENDER_EMAIL: <你的QQ邮箱地址>
SENDER_NAME: <发送邮件者名称>
MAIL_SUBJECT: <自定义通知邮件主题>
SMTP_SERVICE: <你的邮件服务提供商>
SMTP_USER: <邮件通知邮箱用户名>(需与SENDER_EMAIL一致)
SMTP_PASS: <邮件通知邮箱密码>(授权码)

填写好后,可以使用「邮件通知测试」测试该设置是否能够正常使用。

写在后面

终于是把评论功能系统添加好啦!现在我也可以说,欢迎大家的留言!!!


Twikoo评论系统的安装与个性化设置
https://zhangkeliang0627.github.io/2024/09/07/Twikoo评论系统的安装与个性化设置/README/
Author
Zhang-keliang
Posted on
September 7, 2024
Licensed under