Typecho的Joe主题实现评论弹幕

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

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

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

打赏

海报

正在生成.....

评论 (90)

语录
取消
  1. 头像
    荣~小站 Lv.2
    ·Windows 10 · Google Chrome
    沙发

    万法缘生,皆系缘分!

    回复 删除 垃圾
  2. 头像
    咔咔 Lv.2
    ·Windows 10 · Google Chrome
    板凳

    有些人,一旦遇见,便一眼万年;有些心动,一旦开始,便覆水难收。

    回复 删除 垃圾
  3. 头像
    一条咸鱼 Lv.1
    ·Windows 10 · Google Chrome
    地毯

    顶顶顶

    回复 删除 垃圾
  4. 头像
    浅梦 Lv.3
    ·Windows 10 · Google Chrome
    第4楼

    最遗憾的事情莫过于,我喜欢上你之后你不再喜欢我了。

    回复 删除 垃圾
  5. 头像
    uu Lv.1
    ·Windows 10 · Google Chrome
    第5楼

    表情

    回复 删除 垃圾
  6. 头像
    你好啊 !!! Lv.1
    ·Windows 10 · Google Chrome
    第6楼

    那天,我见过的最强剑客,提起了天下最强的宝剑······却早已没了剑心。

    回复 删除 垃圾
  7. 头像
    小东东 Lv.1
    ·MacOS · Google Chrome
    第7楼

    表情

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

    q111

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

    11

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

    顶顶顶

    回复 删除 垃圾
  11. 头像
    Joinliu Lv.3
    ·Windows 10 · Google Chrome
    第11楼

    表情

    回复 删除 垃圾
  12. 头像
    vian Lv.2
    ·Windows 10 · Google Chrome
    第12楼

    不知道能否适配7.3.7版本表情

    回复 删除 垃圾
    1. 头像
      执念博客 Lv.6 作者
      ·Windows 10 · Google Chrome
      @ vian

      不妨瞅瞅第一个文章

      回复 删除 垃圾
      1. 头像
        vian Lv.2
        ·Windows 10 · Google Chrome
        @ 执念博客

        已经弄好了 多谢你的教程表情

        回复 删除 垃圾
  13. 头像
    啦啦啦啦啦 Lv.1
    ·Windows 10 · Google Chrome
    第13楼

    看看

    回复 删除 垃圾
  14. 头像
    略略略 Lv.1
    ·Android · Google Chrome
    第14楼

    1

    回复 删除 垃圾
  15. 头像
    asdsafcsdf Lv.1
    ·Windows 10 · Google Chrome
    第15楼

    全部填写完后,打开网站报错:Call to a member function addInput() on null

    回复 删除 垃圾
  16. 头像
    asdsafcsdf Lv.1
    ·Windows 10 · Google Chrome
    第16楼

    看看,参照一下

    回复 删除 垃圾
  17. 头像
    amiisk Lv.3
    ·Windows 10 · QQ Browser
    第17楼

    好吧又来了

    回复 删除 垃圾
  18. 头像
    amiisk Lv.3
    ·Windows 10 · QQ Browser
    第18楼

    谢谢分享

    回复 删除 垃圾
  19. 头像
    咔咔 Lv.2
    ·Windows 10 · Google Chrome
    第19楼

    6666

    回复 删除 垃圾
  20. 头像
    苏晨 Lv.2
    ·Windows 10 · QQ Browser
    第20楼

    6666

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

    太厉害了,收藏起来

    回复 删除 垃圾
  22. 头像
    邱全增 Lv.2
    ·Android · Google Chrome
    第22楼

    学到了

    回复 删除 垃圾
  23. 头像
    Aedwenz Lv.1
    ·Windows 10 · Google Chrome
    第23楼

    大佬加油

    回复 删除 垃圾
  24. 头像
    小麦浪 Lv.1
    ·Windows 7 · Google Chrome
    第24楼

    666啊看看

    回复 删除 垃圾
  25. 头像
    略略略 Lv.1
    ·iPhone · Safari
    第25楼

    牛逼

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

    牛逼

    回复 删除 垃圾
  27. 头像
    腾飞 Lv.1
    ·Windows 10 · QQ Browser
    第27楼

    111

    回复 删除 垃圾
  28. 头像
    1132 Lv.2
    ·Windows 10 · Google Chrome
    第28楼

    谢谢分享

    回复 删除 垃圾
  29. 头像
    shanhai Lv.2
    ·Windows 10 · Google Chrome
    第29楼

    6666666666666666666666666666666666666666

    回复 删除 垃圾
  30. 头像
    小郭博客 Lv.2
    ·Android · Google Chrome
    第30楼

    哈哈哈哈哈哈

    回复 删除 垃圾