距离写《Typecho通用评论组件包含Css样式》文章以及过去2年了,那篇文章样式还是不太好看,只能说能用,最近在折腾主题演示站(https://demo.typecho.fans/square),偶尔会挖坟到九十年前的主题,那时候因为有很多社会化评论服务比如多说,导致很多主题压根不写评论功能,直接用多说。
然后我就在想要不要重新弄个通用评论组件,尽量适合所有主题,于是乎【泽泽Typecho通用评论组件】诞生了。效果如下:
https://demo.typecho.fans/?theme=Totoro-Skin
开源地址
https://github.com/jrotty/ZeComments
使用
将comments.php和comments文件放到你主题文件夹下面,然后在文章或页面模板中引入 comments.php。(⚠️:后台评论设置需要手动开启评论回复功能,否则回复评论会提示父级不存在)
截图展示

开发说明
- 1,原主题如果有
id为comments的元素请修改成别的或者删掉避免冲突 - 2,主题的头部插件接口可以改成
<?php $this->header(); ?>改成<?php $this->header('commentReply='); ?>去除掉默认加载的评论相关js脚本,推荐这样:<?php $this->header('generator=&template=&commentReply='); ?>这样是隐藏typecho版本号隐藏主题名隐藏评论脚本(PS:此步骤忽略也可以,不会有冲突,此步骤只是为了减少用不到的默认js脚本) - 3,支持开启登录才能评论,支持隐藏网址输入栏,详见
comments.php开头注释说明 - 4,评论组建样式不一定适合所有主题,可以自行修改
comments/main.css文件调整样式(需要配置TailwindCss3)
咋使用的泽泽
把comments.php和comments文件夹放到主题目录下,主题引入comments.php即可