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

当前位置:首页 / 正文

2022-01-25 | 编程技术 | 2629 次阅读 | 等你评论 | 1 次点赞 | 繁体

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

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

图片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

猜你喜欢
使用 Vercel + Supabase 零成本部署 Umami
早些年用过友盟、51.la、百度统计、Google Analytics,各有各的优缺点,百度统计目前只允许备案网站使用,友盟和 51.la 体验效果不喜欢,Google Analytics 访问...
[Go]包依赖管理工具go mod使用详解
go module 是 Go 语言从 1.11 版本之后官方推出的版本管理工具,并且从 Go 1.13 版本开始,go module 成为了 Go 语言默认的依赖管理工具。Modules 官方定...
薅京东羊毛必备抓取Cookies教程
本文只介绍如何利用安卓手机浏览器获取京东 cookie 教程,具体为什么要获取 cookie 以及如何薅羊毛请查看:闲置服务器薅京东的羊毛—青龙面板部署与京东签到第一步,下载工具去各大应用商店搜...
Typecho纯代码生成sitemap站点地图
想要实现 Typecho 纯代码生成 sitemap 站点地图只需要 2 步就够了。1、在博客主题目录新建 sitemap.php 页面,放入以下代码:<?php /** *HTML版网站...
Lazysizes.js图片懒加载的使用
lazysizes 是一种快速(无垃圾),对 SEO 友好且可自动初始化的 lazyloader,用于图像(包括响应图像 picture/ srcset),iframe,脚本/小部件等。它还通过...
python | 协程与多进程的完美结合
我们知道,协程本质上是单线程单进程,通过充分利用 IO 等待时间来实现高并发。在 IO 等待时间之外的代码,还是串行运行的。因此,如果协程非常多,多少每个协程内部的串行代码运行时间超过了 IO 请求的
Mac OS 下 HomeBrew 更新缓慢问题解决
mac下的brew命令虽然非常好用,但是遇见更新慢时,是很闹心的一件事。 最简单的解决办法就是 替换国内源。 这里我们使用中科大的源(当然还有很多其它源,可自行搜索),方法如下: #
(首次提交评论需审核通过才会显示,请勿重复提交)