Typecho 评论弹幕插件下载及食用教程

👋 相关阅读

• Artalk 自托管评论系统的基于宝塔后端部署
• 教你轻松拥有无限个邮箱
• 部署 Monit 来监控服务
• 闲置服务器薅京东的羊毛—青龙面板部署与京东签到
• Typecho 启用 Service Workers 浏览器缓存加速首屏访问

视频弹幕大家已经很熟悉了，他是直接显现在视频上的评论，可以以滚动、停留甚至更多动作特效方式出现在视频上，是观看视频的人发送的简短评论。

最近在开发 超赞网站导航，突发奇想能不能给网页也加上弹幕，这样在打开页面的时候就能直接看到网站相关评论，间接提升评论率。

想到网络上大佬众多，所以就直接搜索 typecho评论弹幕，搜索到有大神两年前就已经开发了相关插件 https://github.com/muzishanshi/TleBarrager ，直接下载测试。

安装后发现稍微有点问题，弹幕只在侧边栏显示，超出侧边栏就不显示了，还有部分功能用不上，所以就着手改造。

顺码摸瓜，了解到插件本质上是通过 jquery.barrager.js 这个 js 实现的

JS 作者写的介绍页：https://yaseng.org/jquery.barrager.js/ 里边有详细的使用教程

一番学习改造后，终于完美适配，前端如下图：

插件设置页面：

想要看实际效果的可以打开 超赞网站导航，找一个有评论的页面就可以看到效果了

使用方法：

1、下载插件压缩包

天翼云：https://cloud.189.cn/web/share?code=Qv2MbyqyUVB3 （访问码：815k） 百度网盘链接: https://pan.baidu.com/s/1RwczTv_octlqtnQfrrm9eg?pwd=r8u6 提取码: r8u6

2、上传到插件目录，解压缩，解压后的目录名如果不是 TleBarrager，要改成 TleBarrager

3、网站后台启用插件，点击设置

4、选择是否加载 jquery，由于插件要依赖 jquery，如果你的模板中没有引用，需要选择 “是”，如果模板中已经加载了 jquery，选择 “否” 就可以了

5、将以下代码添加到模板目录下 comments.php 文件的最后

<?php TleBarrager_Plugin::show($this);?>

如果不想全站评论都走弹幕样式就只把上方调用代码放到想要弹幕展示的地方即可

×