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

{mtitle title=”效果”/}

Test

{mtitle title=”操作过程”/}

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

{mtitle title=”UID和cookie获取”/}

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>
最后在后台新建独立页面,自定义模板选择追番即可

{message type=”warning” content=”PS:你的追番列表首先是公开的”/}

{message type=”error” content=”如果你创建好之后发现追番页面有错误,请在网站根目录创建一个bangumi文件夹,这个文件夹是存放追番封面的”/}

效果演示

{abtn icon=”” color=”#0037ff” href=”https://www.aiyo99.com/zf.html” radius=”13px” content=”点击跳转”/}

{mtitle title=”软件下载”/}
https://wws.lanzous.com/ipxn6ogs0be

{hide}
密码:4bgb
{/hide}

{lamp/}

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

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 共13条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容