本站承诺永不接任何虚假欺骗、联盟广告、弹窗广告、病毒广告、诱导充值等影响用户体验的广告,广告屏蔽插件会影响本站部分功能,还请不要屏蔽本站广告,感谢支持!

当前位置:首页 / 正文

1728

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

编程技术 | WangTwoThree | 2022-01-25 | 等你评论 | 0 次点赞

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

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

图片alt

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

图片alt

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

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

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

图片alt

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

图片alt

插件设置页面:

图片alt

图片alt

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

使用方法:

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);?>

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


猜你喜欢

暂无评论

有话要说

tips:首次评论须经过审核才会显示,请不要重复提交
本页二维码

扫码手机打开

浏览TOP5
热门标签
点赞TOP5
最新评论
别人在看