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

当前位置:首页 / 正文

2022-01-25 | 编程技术 | 2175 次阅读 | 等你评论 | 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);?>

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

标签: 源码前端插件教程typecho

猜你喜欢
Typecho纯代码生成sitemap站点地图
想要实现 Typecho 纯代码生成 sitemap 站点地图只需要 2 步就够了。1、在博客主题目录新建 sitemap.php 页面,放入以下代码:<?php /** *HTML版网站...
Lazysizes.js图片懒加载的使用
lazysizes 是一种快速(无垃圾),对 SEO 友好且可自动初始化的 lazyloader,用于图像(包括响应图像 picture/ srcset),iframe,脚本/小部件等。它还通过...
typecho使用文件缓存加快打开速度
typecho 是一个伪静态的博客系统,如果不使用缓存,每次打开页面都会查询数据库,访问人数多了以后服务器压力倍增。但是,typecho 是一个 php 的程序,我们可以利用 php 将实时页面...
通用的检测到广告屏蔽插件进行弹窗提示实现方法
用的 js 方法来检测,按理说所有博客都能使用,就是在打开网页的时候进行一次判断。如果发现没有加载广告代码,就会出来一个弹窗来提示浏览者将本站加到广告拦截插件的白名单里面。别喷我,个人站长经营实...
javascript | 原生JS多语言切换简单实现
由于项目需要实现一个前端的多语言切换,不想因为一个简单的功能就引入 jQuery,所以经过 google 编程大法摸索出一个原生 JS 就可以实现的多语言前端切换的小例子,仅供参考。<bo...
NUC8黑苹果更新OpenCore引导教程
鉴于本人的苹果笔记本年代久远,又想用最新的系统,所以早早就入手了 NUC8,并且成功安装了 macOS,使用 OC 引导,由最初的 macOS Catalina 10.15.7 陆续升级到了 m...
Typecho纯代码生成sitemap站点地图
想要实现 Typecho 纯代码生成 sitemap 站点地图只需要 2 步就够了。 1、在博客主题目录新建 sitemap.php 页面,放入以下代码: ```
Linux VPS 安装 5.9 宝塔面板并免费升级到专业版
宝塔面板是一款服务器管理软件,支持 windows 和 linux 系统,可以通过 Web 端轻松管理服务器,提升运维效率。例如:创建管理网站、FTP、数据库,拥有可视化文件管理器,可视化软件管理器,
(首次提交评论需审核通过才会显示,请勿重复提交)