Typecho的Joe主题实现评论弹幕

Typecho的Joe主题实现评论弹幕

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

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分钟
5

打赏

海报

正在生成.....

评论 (53)

取消
  1. 头像
    0000 Lv.1
    Windows 10 · FireFox
    沙发

    牛逼牛逼牛逼

    回复 删除 垃圾
  2. 头像
    牛逼牛逼 Lv.1
    Android · Google Chrome
    板凳

    我100

    回复 删除 垃圾
  3. 头像
    好家伙 Lv.1
    Windows 7 · Google Chrome
    地毯

    表情

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

    方法

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

    1

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

    kankan

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

    画图

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

    画图

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

    看看学学

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

    画图

    回复 删除 垃圾
  11. 头像
    小学生 Lv.1
    Windows 7 · Google Chrome
    第11楼

    感谢

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

    回复 删除 垃圾
  13. 头像
    456450 Lv.1
    Windows 7 · QQ Browser
    第13楼

    方式发士大夫士大夫

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

    看看

    回复 删除 垃圾
  15. 头像
    腾讯视频 Lv.3
    Windows 10 · Google Chrome
    第15楼

    卡bug了?

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

    12312332

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

    画图

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

    呃呃呃呃

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

    6666

    回复 删除 垃圾
  20. 头像
    凤兮儿 Lv.1
    Windows 7 · QQ Browser
    第20楼

    大佬666

    回复 删除 垃圾
  21. 头像
    川川 Lv.2
    Windows 7 · QQ Browser
    第21楼

    看看

    回复 删除 垃圾
  22. 头像
    昨下午 Lv.1
    Android · Google Chrome
    第22楼

    1235

    回复 删除 垃圾
  23. 头像
    六六丶 Lv.2
    Windows 7 · Google Chrome
    第23楼

    执念牛比o( ̄▽ ̄)d

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

    画图

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

    11表情

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

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

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

      你网站多少,我看一下

      回复 删除 垃圾
      1. 头像
        6094121 Lv.2
        Windows 10 · QQ Browser
        @ 执念博客

        https://q.mz99.vip/,好的,您看一下是哪里设置的不对吗

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

          不好意思,漏了一段代码,这个加上就好了,文章已更新 config.php

          回复 删除 垃圾
          1. 头像
            6094121 Lv.2
            Windows 10 · QQ Browser
            @ 执念博客

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

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

              实在不行,你把joe.barrager.js这个文件,这个部分if (window.Joe.DOCUMENT_BARRAGER === 'off') return;
              if (true) { if里面改成true

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

              我标红的地方,前面有一个逗号,你是不是漏了

              回复 删除 垃圾
              1. 头像
                6094121 Lv.2
                Windows 10 · QQ Browser
                @ 执念博客

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

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

                  header.php这个文件文章新增了一段,你看下,要在右上角展示开关的

                  回复 删除 垃圾
                  1. 头像
                    6094121 Lv.2
                    Windows 10 · QQ Browser
                    @ 执念博客

                    好的已解决,中间加了代码,感谢!表情

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

                      是我漏了东西了

                      回复 删除 垃圾
                      1. 头像
                        6094121 Lv.2
                        Windows 10 · QQ Browser
                        @ 执念博客

                        表情没事的,博主问一下你的这个邮件回复是这个主题自带的吗

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

                          我用的是插件

                          回复 删除 垃圾
                          1. 头像
                            6094121 Lv.2
                            Windows 10 · QQ Browser
                            @ 执念博客

                            插件能给分享一下吗

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

                              可以的,我一会整理一下,然后链接发你

                              回复 删除 垃圾
                              1. 头像
                                6094121 Lv.2
                                Windows 10 · QQ Browser
                                @ 执念博客

                                好的谢谢麻烦了

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

                                  链接: https://pan.baidu.com/s/1EuMG99J5ka1AuNjrm4YglA 提取码: n7sk

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

                实在不行,你把joe.barrager.js这个文件,这个部分if (window.Joe.DOCUMENT_BARRAGER === 'off') return;
                if (true) { if里面改成true

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

    看一下

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

    画图

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

    学习一下,支持博主表情

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

    看看

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

      哈哈哈哈哈哈哈

      回复 删除 垃圾