Typecho的Joe主题实现评论弹幕

执念博客
2021-05-17 / 82 评论 / 1,065 阅读 / 耗时: 13 ms / 正在检测是否收录...
温馨提示:
本文最后更新于2021年05月27日,已超过1828天没有更新,若内容或图片失效,请留言反馈。

点击广告查看隐藏内容....

0.成品图如下
kosm87cy.png
kosm8m8a.png
kosll32b.png

1.修改header文件,新增代码,;文件路径:usr/themes/Joe-master/public


koslpcqz.png
koslprfa.png
kp6i5jrg.png

2.修改include.php文件,新增如下代码;文件路径:usr/themes/Joe-master/public

<?php if ($this->options->JBarragerStatus === 'on') : ?>
    <link rel="stylesheet" href="<?php $this->options->themeUrl('library/joe.barrager/joe.barrager.css'); ?>">
<?php endif; ?>

koslqs1q.png

3.修改functions.php,最后添加;文件路径:usr/themes/Joe-master;如果无法显示设置,则将以下joe_custom修改为joe_other

$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select(
    'JBarragerStatus',
      array('off' => '关闭(默认)', 'on' => '开启'),
    'off',
    '是否开启弹幕功能(仅限PC)',
    '介绍:开启后,网站将会显示评论弹幕功能,该功能采用CSS动画引擎,并非传统JS操作DOM,无任何性能消耗。'
    );
$JBarragerStatus->setAttribute('class', 'joe_content joe_custom');
$form->addInput($JBarragerStatus->multiMode());

kosm3oi9.png

4.将以下代码,放在usr/themes/Joe-master/library
koslwxq0.png

5.修改config.php文件,代码如下,文件路径:usr/themes/Joe-master/public

本文共 177 个字数,平均阅读时长 ≈ 1分钟

点击广告查看隐藏内容....

6

打赏

海报

正在生成.....

评论 (82)

语录
取消
  1. 头像
    6094121 Lv.2
    ·Windows 10 · QQ Browser
    沙发

    Warning: Trying to access array offset on value of type null in /www/wwwroot/zhinianboke.com/usr/themes/Joe-master/core/function.php on line 315
    @

    是pageSize() ?>`,这个吗?这个有的加上了,还是没显示弹

    回复 删除 垃圾
  2. 头像
    6094121 Lv.2
    ·Windows 10 · QQ Browser
    板凳

    Warning: Trying to access array offset on value of type null in /www/wwwroot/zhinianboke.com/usr/themes/Joe-master/core/function.php on line 315
    @

    代码加上了,文章加载不出来了,是?

    回复 删除 垃圾
  3. 头像
    6094121 Lv.2
    ·Windows 10 · QQ Browser
    地毯

    全部设置完了也,后台也开关显示开启了,为什么首页也还是没有弹这个选项,只有后台有,评论也有

    回复 删除 垃圾
  4. 头像
    6094121 Lv.1
    ·Windows 10 · QQ Browser
    第4楼

    看一下

    回复 删除 垃圾
  5. 头像
    Lv.1
    ·MacOS · Safari
    第5楼

    学习一下,支持博主表情

    回复 删除 垃圾
  6. 头像
    云占星. Lv.1
    ·Android · QQ Browser
    第6楼

    看看

    回复 删除 垃圾
    1. 头像
      123546 Lv.5
      ·Android · Google Chrome
      @ 云占星.

      哈哈哈哈哈哈哈

      回复 删除 垃圾
  7. 头像
    33333333 Lv.1
    ·Windows 7 · Google Chrome
    第7楼

    555555555

    回复 删除 垃圾
  8. 头像
    大巴 Lv.1
    ·Windows 10 · Google Chrome
    第8楼

    666

    回复 删除 垃圾
  9. 头像
    路过 Lv.1
    ·Windows 10 · Google Chrome
    第9楼

    支持一下

    回复 删除 垃圾
  10. 头像
    罗小黑 Lv.1
    ·Windows 10 · Google Chrome
    第10楼

    666

    回复 删除 垃圾
  11. 头像
    1 Lv.1
    ·Android Oreo · QQ Browser
    第11楼

    白嫖

    回复 删除 垃圾