You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
23 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="x-dns-prefetch-control" content="on"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="renderer" content="webkit"><meta name="force-rendering" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="HandheldFriendly" content="True"><meta name="mobile-web-app-capable" content="yes"><link rel="shortcut icon" href="https://hans362-img.oss.0vv0.top/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="https://hans362-img.oss.0vv0.top/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="https://hans362-img.oss.0vv0.top/favicon-32x32.png"><link rel="apple-touch-icon" sizes="180x180" href="https://hans362-img.oss.0vv0.top/apple-touch-icon.png"><link rel="mask-icon" href="https://hans362-img.oss.0vv0.top/safari-pinned-tab.svg"><title>【项目发布】追番列表展示API | Hans362 &#39;s Blog</title><meta name="keywords" content="追番, API, Hans362"><meta name="description" content="**DEMO**http:&#x2F;&#x2F;test.hans362.cn&#x2F;get_bangumi_list.php?uid&#x3D;66745436 **GitHub**https:&#x2F;&#x2F;github.com&#x2F;hans362&#x2F;Bangumi-List-Display For English version, please … Sorry, we are currently unable to provide an"><meta property="og:type" content="article"><meta property="og:title" content="【项目发布】追番列表展示API"><meta property="og:url" content="https://blog.hans362.cn/post/bangumi-list-display/"><meta property="og:site_name" content="Hans362 &#39;s Blog"><meta property="og:description" content="**DEMO**http:&#x2F;&#x2F;test.hans362.cn&#x2F;get_bangumi_list.php?uid&#x3D;66745436 **GitHub**https:&#x2F;&#x2F;github.com&#x2F;hans362&#x2F;Bangumi-List-Display For English version, please … Sorry, we are currently unable to provide an"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="https://hans362-img.oss.0vv0.top/2019/05/11/preview.png?width=1920"><meta property="article:published_time" content="2019-02-18T07:26:00.000Z"><meta property="article:modified_time" content="2025-04-11T10:35:15.354Z"><meta property="article:author" content="Hans362"><meta property="article:tag" content="追番"><meta property="article:tag" content="API"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://hans362-img.oss.0vv0.top/2019/05/11/preview.png?width=1920"><link rel="stylesheet" href="/css/style/main.css"><link rel="stylesheet" id="hl-default-theme" href="https://blog.hans362.cn/npm/highlight.js@10.1.2/styles/atom-one-light.css" media="none"><link rel="stylesheet" id="hl-dark-theme" href="https://blog.hans362.cn/npm/highlight.js@10.1.2/styles/atom-one-dark.css" media="none"><script src="/js/darkmode.js"></script><link rel="dns-prefetch" href="https://analytics.0vv0.top"><link rel="preconnect" href="https://hans362-img.oss.0vv0.top"><meta name="generator" content="Hexo 7.1.1"><link rel="alternate" href="/atom.xml" title="Hans362 's Blog" type="application/atom+xml"></head><body><div class="app-shell-loader">加载中...</div><div class="container" tabindex="-1"><header><div class="header__left"><a href="/" class="button"><span class="logo__text">Hans362 &#39;s Blog</span></a></div><div class="header__right"><div class="navbar__menus"><a href="/" class="button"><div class="navbar-menu">首页</div></a><a href="/archives/" class="button"><div class="navbar-menu">归档</div></a><a href="/tags/" class="button"><div class="navbar-menu">标签</div></a><a href="/bangumi/" class="button"><div class="navbar-menu">追番</div></a><a href="/links/" class="button"><div class="navbar-menu">友链</div></a><a href="/about/" class="button"><div class="navbar-menu">关于</div></a><a href="/atom.xml" class="button"><div class="navbar-menu">RSS</div></a></div><a href="/search/" class="button"><div id="btn-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="24" height="24" fill="currentColor" stroke="currentColor" stroke-width="32"><path d="M192 448c0-141.152 114.848-256 256-256s256 114.848 256 256-114.848 256-256 256-256-114.848-256-256z m710.624 409.376l-206.88-206.88A318.784 318.784 0 0 0 768 448c0-176.736-143.264-320-320-320S128 271.264 128 448s143.264 320 320 320a318.784 318.784 0 0 0 202.496-72.256l206.88 206.88 45.248-45.248z"></path></svg></div></a><a href="javaScript:void(0);" rel="external nofollow noreferrer" class="button"><div id="btn-toggle-dark"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></div></a><a href="#" class="button" id="b2t" aria-label="回到顶部" title="回到顶部"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="32" height="32"><path d="M233.376 722.752L278.624 768 512 534.624 745.376 768l45.248-45.248L512 444.128zM192 352h640V288H192z" fill="currentColor"></path></svg> </a><a class="dropdown-icon button" tabindex="0"><div id="btn-dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="24" height="24" fill="none" stroke="currentColor" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round"><path fill="currentColor" d="M3.314,4.8h13.372c0.41,0,0.743-0.333,0.743-0.743c0-0.41-0.333-0.743-0.743-0.743H3.314c-0.41,0-0.743,0.333-0.743,0.743C2.571,4.467,2.904,4.8,3.314,4.8z M16.686,15.2H3.314c-0.41,0-0.743,0.333-0.743,0.743s0.333,0.743,0.743,0.743h13.372c0.41,0,0.743-0.333,0.743-0.743S17.096,15.2,16.686,15.2z M16.686,9.257H3.314c-0.41,0-0.743,0.333-0.743,0.743s0.333,0.743,0.743,0.743h13.372c0.41,0,0.743-0.333,0.743-0.743S17.096,9.257,16.686,9.257z"></path></svg></div></a><div class="dropdown-menus" id="dropdown-menus"><a href="/" class="dropdown-menu button">首页</a> <a href="/archives/" class="dropdown-menu button">归档</a> <a href="/tags/" class="dropdown-menu button">标签</a> <a href="/bangumi/" class="dropdown-menu button">追番</a> <a href="/links/" class="dropdown-menu button">友链</a> <a href="/about/" class="dropdown-menu button">关于</a> <a href="/atom.xml" class="dropdown-menu button">RSS</a></div></div></header><cover></cover><main><div class="post-content"><div class="post-title"><h1 class="post-title__text">【项目发布】追番列表展示API</h1><div class="post-title__meta"><a href="/archives/2019/02/" class="post-meta__date button">2019-02-18</a> <span class="separate-dot"></span> <a href="/categories/%E9%A1%B9%E7%9B%AE%E5%8F%91%E5%B8%83/" class="button"><span class="post-meta__cats">项目发布</span></a><style>.post-meta__pv{color:var(--t-l);visibility:hidden;opacity:0;transition:.2s}</style><span class="separate-dot"></span> <span class="post-meta__pv"></span></div></div><aside class="post-side"><div class="post-side__toc"><div class="toc-title">文章目录</div><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%BF%99%E6%98%AF%E4%BB%80%E4%B9%88"><span class="toc-text">这是什么?</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%89%80%E4%BB%A5%E8%AF%B4%E4%BA%86%E5%8D%8A%E5%A4%A9%E8%BF%99%E5%88%B0%E5%BA%95%E6%98%AF%E4%B8%AA%E5%95%A5"><span class="toc-text">所以…说了半天这到底是个啥?</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%A6%82%E4%BD%95%E9%83%A8%E7%BD%B2"><span class="toc-text">如何部署?</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%8E%AF%E5%A2%83%E8%A6%81%E6%B1%82"><span class="toc-text">环境要求</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B"><span class="toc-text">部署教程</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8"><span class="toc-text">如何使用?</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E8%8E%B7%E5%8F%96-bilibili-uid-%E6%96%B9%E6%B3%95"><span class="toc-text">获取 BiliBili UID 方法</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#to-do-list"><span class="toc-text">To-Do-List</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%89%88%E6%9D%83"><span class="toc-text">版权</span></a></li></ol></div></aside><a class="btn-toc button" id="btn-toc" tabindex="0"><svg viewBox="0 0 1024 1024" width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M128 256h64V192H128zM320 256h576V192H320zM128 544h64v-64H128zM320 544h576v-64H320zM128 832h64v-64H128zM320 832h576v-64H320z" fill="currentColor"></path></svg></a><div class="toc-menus" id="toc-menus"><div class="toc-title">文章目录</div><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%BF%99%E6%98%AF%E4%BB%80%E4%B9%88"><span class="toc-text">这是什么?</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%89%80%E4%BB%A5%E8%AF%B4%E4%BA%86%E5%8D%8A%E5%A4%A9%E8%BF%99%E5%88%B0%E5%BA%95%E6%98%AF%E4%B8%AA%E5%95%A5"><span class="toc-text">所以…说了半天这到底是个啥?</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%A6%82%E4%BD%95%E9%83%A8%E7%BD%B2"><span class="toc-text">如何部署?</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%8E%AF%E5%A2%83%E8%A6%81%E6%B1%82"><span class="toc-text">环境要求</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B"><span class="toc-text">部署教程</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8"><span class="toc-text">如何使用?</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E8%8E%B7%E5%8F%96-bilibili-uid-%E6%96%B9%E6%B3%95"><span class="toc-text">获取 BiliBili UID 方法</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#to-do-list"><span class="toc-text">To-Do-List</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%89%88%E6%9D%83"><span class="toc-text">版权</span></a></li></ol></div><article class="post post__with-toc card"><div class="post__header"><img alt="Cover Image" class="lazy" src="https://hans362-img.oss.0vv0.top/2019/05/11/preview.png?width=1920" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXMzMyWlpYU2uzLAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" data-srcset="https://hans362-img.oss.0vv0.top/2019/05/11/preview.png?width=1920"><div class="post__expire" id="post-expired-notify"><p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="fill:#f5a623;stroke:#f5a623"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg> 本文最后更新于 <span id="expire-date"></span> 天前,文中部分描述可能已经过时。</p></div><script>(()=>{var e=Date.parse("2019-02-18"),t=(new Date).getTime(),t=Math.floor((t-e)/864e5);120<=t&&(document.querySelectorAll("#expire-date")[0].innerHTML=t,document.querySelectorAll("#post-expired-notify")[0].style.display="block")})()</script></div><div class="post__content"><html><head><script>var meting_api="https://api-v2.hans362.cn/vip/?server=:server&type=:type&id=:id&r=:r"</script><script class="meting-secondary-script-marker" src="/js/Meting.min.js"></script></head><body><p>**DEMO**<a target="_blank" rel="noopener" href="http://test.hans362.cn/get_bangumi_list.php?uid=66745436">http://test.hans362.cn/get_bangumi_list.php?uid=66745436</a></p><p>**GitHub**<a target="_blank" rel="noopener" href="https://github.com/hans362/Bangumi-List-Display">https://github.com/hans362/Bangumi-List-Display</a></p><p>For English version, please …</p><p>Sorry, we are currently unable to provide an English version of this file. Maybe sometime in the future we will 😃</p><p><img src="https://img.shields.io/badge/PHP-5.4.0+-blue.svg" class="lazy" data-srcset="https://img.shields.io/badge/PHP-5.4.0+-blue.svg" srcset="/loading.gif" alt="PHP"> <img src="https://img.shields.io/badge/License-GPL--3.0-brightgreen.svg" class="lazy" data-srcset="https://img.shields.io/badge/License-GPL--3.0-brightgreen.svg" srcset="/loading.gif" alt="License"></p><p>一个快速、轻巧的基于PHP的追番列表展示工具。目前仅支持 BiliBili </p><span id="more"></span><h2 id="这是什么"><a class="markdownIt-Anchor" href="#这是什么"></a> 这是什么?</h2><blockquote><p>追番列表展示页面API 是 <a href="https://blog.hans362.cn/">@Hans362</a><s>呕心沥血</s>之作,其灵感来源于 @ohmyga233 的博客中的“追番”页面利用BiliBili官方的API实现展示个人追番列表的目的。感谢 @ohmyga233 提供的灵感以及前端页面。</p></blockquote><p>由于作者是条咸鱼并且这是第一次写 PHP 项目,代码中难免有些不妥之处或存在 BUG ,请见谅。如果各位大佬有能力和时间精力的话欢迎开个 Issue 帮助我一起完善这个代码,或者提交个 PR 。</p><p>另外本程序中涉及到的前端代码来源于 @ohmyga233 的博客主题,但是迫于 @ohmyga233 的博客主题指向的 GitHub 链接已经失效, @ohmyga233 本人的 GitHub 页面上也不存在该主题,故无法确认前端部分的代码的作者,决定直接拿来使用。如有不妥之处实在抱歉,请尽快与我取得联系,我将删除这部分代码。</p><h3 id="所以说了半天这到底是个啥"><a class="markdownIt-Anchor" href="#所以说了半天这到底是个啥"></a> 所以…说了半天这到底是个啥?</h3><blockquote><p>想在博客或个人主页上展示自己的追番列表?每追一个番剧都要手动更新一次列表?…(编不下去了…)</p></blockquote><p>有了追番列表展示API以上问题都不存在了。</p><p>只需要一个 BiliBili 用户 UID ,一切全帮你搞定。</p><p>内置缓存系统,首次获取可能速度略慢,但是之后相关资源会缓存在你的服务器上,增快加载速度。</p><p>语言好像只能描述这么多了(嗯…我相信各位的理解能力<sub>)那就上图吧</sub></p><p><img src="https://github.com/hans362/Bangumi-List-Display/raw/master/preview.png?width=1920" class="lazy" data-srcset="https://github.com/hans362/Bangumi-List-Display/raw/master/preview.png?width=1920" srcset="/loading.gif" alt="PREVIEW"></p><h2 id="如何部署"><a class="markdownIt-Anchor" href="#如何部署"></a> 如何部署?</h2><p>既然是PHP程序一套 PHP+Web Server 的运行环境肯定是要有的啦~(废话</p><h3 id="环境要求"><a class="markdownIt-Anchor" href="#环境要求"></a> 环境要求</h3><ul><li>一台带有 Apache 或 Nginx 或 IIS 或其他 Web 引擎的主机</li><li>PHP 版本≥ 5.4.0</li><li>PHP 的 JSON 扩展</li></ul><h3 id="部署教程"><a class="markdownIt-Anchor" href="#部署教程"></a> 部署教程</h3><ol><li><p>检查你的主机是否符合运行追番列表展示API的要求</p></li><li><p>在Release中下载最新版本的追番列表展示API</p></li><li><p>将所有文件放置在你在 Web 引擎中设置的站点目录(虚拟主机用户是上传至站点根目录)</p></li><li><p>访问 <code>http://your-domain.com/get_bangumi_list.php?uid=66745436</code> 检查是否有报错</p><p>是不是很简单呢~其中66745436请换成你自己的 BiliBili UID ,如何获取请见下文)</p></li></ol><h3 id="如何使用"><a class="markdownIt-Anchor" href="#如何使用"></a> 如何使用?</h3><ul><li><p>在任何HTML页面中均可调用此API但是目前我能想到的方法只有嵌套iframe该方法丑且过时因此不推荐如果有更好的方法请务必告诉我</p><pre><code class="hljs routeros">&lt;iframe <span class="hljs-attribute">frameborder</span>=<span class="hljs-string">"no"</span> <span class="hljs-attribute">border</span>=<span class="hljs-string">"0"</span> <span class="hljs-attribute">marginwidth</span>=<span class="hljs-string">"0"</span> <span class="hljs-attribute">marginheight</span>=<span class="hljs-string">"0"</span> <span class="hljs-attribute">src</span>=<span class="hljs-string">"http://your-domain.com/get_bangumi_list.php?uid=66745436"</span>&gt;&lt;/iframe&gt;</code></pre><p>其中66745436请换成你自己的 BiliBili UID ,如何获取请见下文)</p></li><li><p>对于各大博客系统,如 WordPressTypechoHexo 等我会封装成相应插件便于使用,但是目前暂时没有时间和精力,请见谅</p></li></ul><h3 id="获取-bilibili-uid-方法"><a class="markdownIt-Anchor" href="#获取-bilibili-uid-方法"></a> 获取 BiliBili UID 方法</h3><p>电脑端访问你本人的 BiliBili 空间,在地址栏中可以看到类似于<code>https://space.bilibili.com/66745436</code>的链接,其中<code>66745436</code>即为你本人的BiliBili UID 。</p><p>手机或移动端可以在 BiliBili APP 中点开个人空间应该就会显示用户 UID 。</p><h2 id="to-do-list"><a class="markdownIt-Anchor" href="#to-do-list"></a> <strong>To-Do-List</strong></h2><ul><li>[ ] 增加对除 BiliBili 以外其他追番平台的支持</li><li>[ ] 为各大博客程序封装成插件</li><li>[ ] 增加运行效率,优化代码质量</li></ul><h2 id="版权"><a class="markdownIt-Anchor" href="#版权"></a> <strong>版权</strong></h2><p>追番列表展示API 是基于 GNU General Public License v3.0 开放源代码的自由软件,你可以遵照 GPLv3 协议来二次开发并发布这一程序。</p><p>程序原作者为 <a href="https://blog.hans362.cn/">@Hans362</a>,转载请注明。</p></body></html></div><div class="license"><div class="license-title">【项目发布】追番列表展示API</div><div class="license-link"><a href="https://blog.hans362.cn/post/bangumi-list-display/">https://blog.hans362.cn/post/bangumi-list-display/</a></div><div class="license-meta"><div class="license-meta-item"><div class="license-meta-title">本文作者</div><div class="license-meta-text">Hans362</div></div><div class="license-meta-item"><div class="license-meta-title">最后更新</div><div class="license-meta-text">2019-02-18</div></div><div class="license-meta-item"><div class="license-meta-title">许可协议</div><div class="license-meta-text"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="nofollow noopener noreferrer" target="_blank">CC BY-NC-SA 4.0</a></div></div></div><div>转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!</div></div><div class="post-footer__cats"><a href="/categories/%E9%A1%B9%E7%9B%AE%E5%8F%91%E5%B8%83/" class="post-cats__link button">项目发布</a><a href="/tags/%E8%BF%BD%E7%95%AA/" class="post-tags__link button"># 追番</a><a href="/tags/API/" class="post-tags__link button"># API</a></div></article><div class="nav"><div class="nav__prev"><a href="/post/php-tips-1/" class="nav__link"><div><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M589.088 790.624L310.464 512l278.624-278.624 45.248 45.248L400.96 512l233.376 233.376z" fill="#808080"></path></svg></div><div><div class="nav__label">上一篇</div><div class="nav__title">PHP踩坑记录#1</div></div></a></div><div class="nav__next"><a href="/post/play-english-listening-practice-recording-via-vlc/" class="nav__link"><div><div class="nav__label">下一篇</div><div class="nav__title">如何优雅地使用 VLC 播放辣鸡 APP 上的英语听力</div></div><div><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M434.944 790.624l-45.248-45.248L623.04 512l-233.376-233.376 45.248-45.248L713.568 512z" fill="#808080"></path></svg></div></a></div></div><div class="post__sponsers card"><div class="sponser-label">喜欢这篇文章吗?考虑支持一下作者吧~</div><a class="sponser-button button" href="https://afdian.net/@hans362" rel="external nofollow noreferrer" target="_blank" data-type="afdian">爱发电</a> <a class="sponser-button button" data-type="alipay">支付宝<img class="sponser-qrcode" src="https://hans362-img.oss.0vv0.top/2021/08/05/68281340.jpg"></a></div><div class="post__comments post__with-toc card" id="comment"><h4>评论</h4><div id="disqus_thread">您所在的地区可能无法访问 Disqus 评论系统,请切换网络环境再尝试。</div></div></div></main><footer><p class="footer-copyright">Copyright © 2017&nbsp;-&nbsp;2025 <a href="/">Hans362 &#39;s Blog</a></p><p>Powered by <a href="https://hexo.io" target="_blank">Hexo</a> | Theme - <a href="https://github.com/ChrAlpha/hexo-theme-cards" target="_blank">Cards</a></p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8746554831230893" data-ad-slot="6356225601" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({})</script></footer></div><script defer src="https://blog.hans362.cn/npm/vanilla-lazyload@17.8.3/dist/lazyload.min.js"></script><script>window.lazyLoadOptions={elements_selector:".lazy"}</script><script async defer data-website-id="5d181692-8a81-4c20-a282-cee87a6b90ef" src="https://analytics.0vv0.top/vue.js"></script><script src="/js/pageviews.js"></script><link rel="stylesheet" href="https://blog.hans362.cn/npm/katex@0.16.0/dist/katex.min.css" crossorigin="anonymous"><script>function loadComment(){let n,e;(n=document.createElement("script")).src="https://blog.hans362.cn/js/disqus.js",document.body.appendChild(n),n.onload=()=>{new DisqusJS({shortname:"hans362-s-blog",siteName:"Hans362 &#39;s Blog",api:"https://api-v3.hans362.cn/",apikey:"8Z1UVT4UOk22yNyk9MhpqQ0FLb27Hb1bpV066b4v9zOFie0GQ6VCoJ9TJwoGlCVF",admin:"hans362",identifier:"post/bangumi-list-display/",url:"https://blog.hans362.cn/post/bangumi-list-display/",nesting:"4"})},(e=document.createElement("link")).rel="stylesheet",e.href="https://blog.hans362.cn/css/disqusjs.css",document.head.appendChild(e)}var runningOnBrowser="undefined"!=typeof window,isBot=runningOnBrowser&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro|msn)bot|crawl|spider|yand|duckgo/i.test(navigator.userAgent),supportsIntersectionObserver=runningOnBrowser&&"IntersectionObserver"in window;setTimeout(function(){var e;!isBot&&supportsIntersectionObserver?(e=new IntersectionObserver(function(n){n[0].isIntersecting&&(loadComment(),e.disconnect())},{threshold:[0]})).observe(document.getElementById("comment")):loadComment()},1)</script></body></html>