为自己的博客添加追番列表

为自己的博客添加追番列表

罗小黑
2021-04-25 / 15 评论 / 966 阅读 / 正在检测是否收录...
广告
温馨提示:
本文最后更新于2021年04月26日,已超过1234天没有更新,若内容或图片失效,请留言反馈。

Test

下载插件(文章结尾),修改插件名BiliBangumi上传到插件目录,在typecho后台启用,并设置插件
Test

UID获取

打开哔哩哔哩,登录自己的账号
Test

cookie获取

  • 打开你的B站个人主页
  • f12查看
  • 点Network
  • F5刷新网页
  • 找到一个UID

Test

创建独立页面

  • 在主题根目录创建一个独立页面
  • 直接复制一个page.php 之后重命名即可,或许新建一个PHP文件直接添加下方代码
<?php

/**
 * 追番
 * 
 *  @package custom 
 * 
 **/

?>


<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <?php $this->need('public/include.php'); ?>
    <!-- 独立页面需要用到CSS及JS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/themes/prism-tomorrow.min.css">
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.2.4/plugin/prism/prism.min.js"></script>
    <script src="<?php $this->options->themeUrl('assets/js/joe.post_page.min.js'); ?>"></script>
</head>

<body>
    <div id="Joe">
        <?php $this->need('public/header.php'); ?>
        <div class="joe_container">
            <div class="joe_main">
                <div class="joe_detail" data-cid="<?php echo $this->cid ?>">
                    <?php $this->need('public/batten.php'); ?>
                    <?php $this->need('public/article.php'); ?>
                    <!--下面是插件挂载点-->
                    <?php BiliBangumi_Plugin::output(); ?>
                    <!--上面是插件挂载点--> 
                    <?php $this->need('public/handle.php'); ?>
                    <?php $this->need('public/copyright.php'); ?>
                </div>
                <?php $this->need('public/comment.php'); ?>
            </div>
            <?php $this->need('public/aside.php'); ?>
        </div>
        <?php $this->need('public/footer.php'); ?>
    </div>
</body>

</html>
最后在后台新建独立页面,自定义模板选择追番即可

效果演示


https://wws.lanzous.com/ipxn6ogs0be

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=31h9c8so2duss

4

打赏


评论 (15)

取消
  1. 头像
    晚风
    Windows 10 · QQ Browser
    沙发

    再来个emlog的微语更妙老表情

    回复 删除 垃圾
  2. 头像
    小白
    Windows X64 · QQ Browser
    板凳

    测试一下

    回复 删除 垃圾
  3. 头像
    Jacker
    Windows 7 · Google Chrome
    地毯

    来白嫖了

    回复 删除 垃圾
  4. 头像
    小天
    Android · Google Chrome
    第4楼

    六六六

    回复 删除 垃圾
  5. 头像
    流逝
    Android · Google Chrome
    第5楼

    回复看看

    回复 删除 垃圾
  6. 头像
    晚饭
    Windows 10 · Google Chrome
    第6楼

    微语更妙老表情

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

    再来个emlog的微语更妙老表情

    回复 删除 垃圾
  8. 头像
    晚风
    Windows 10 · Google Chrome
    第8楼

    前排围观!

    回复 删除 垃圾
  9. 头像
    姬然
    Windows X64 · QQ Browser
    第9楼

    测试一下

    回复 删除 垃圾
  10. 头像
    泽阳博客
    Windows 7 · Google Chrome
    第10楼

    画图

    回复 删除 垃圾
  11. 头像
    小鹿
    Android Oreo · Google Chrome
    第11楼

    画图

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

    看看

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

    画图

    回复 删除 垃圾
  14. 头像
    啊淦
    Windows 10 · Google Chrome
    第14楼

    表情

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

    表情

    回复 删除 垃圾