<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>时光碎语</title><description>关于生活、设计与美学的碎片收集</description><link>https://blog.90svip.cn/</link><templateTheme>Firefly</templateTheme><templateThemeVersion>6.10.7</templateThemeVersion><templateThemeUrl>https://github.com/CuteLeaf/Firefly</templateThemeUrl><lastBuildDate>2026年6月10日 17:21:03</lastBuildDate><item><title>灵魂摆渡十年 百度网盘 夸克网盘下载</title><link>https://blog.90svip.cn/posts/post-308/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-308/</guid><description>导演: 巨兴茂 编剧: 小吉祥天 主演: 于毅 / 刘智扬 / 肖茵 / 许佳琪 / 姜馥颐 / 更多… 类型: 悬疑 / 惊悚 / 短片 / 奇幻 / 冒险 制片国家/地区: 中国大陆 语言: 汉语普通话 首播: 2026-06-02(中国大陆) 集数: 24 又名: 灵魂摆渡5 / The Ferry Man 5</description><pubDate>Mon, 08 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;导演: 巨兴茂&lt;br /&gt;
编剧: 小吉祥天&lt;br /&gt;
主演: 于毅 / 刘智扬 / 肖茵 / 许佳琪 / 姜馥颐 / 更多…&lt;br /&gt;
类型: 悬疑 / 惊悚 / 短片 / 奇幻 / 冒险&lt;br /&gt;
制片国家/地区: 中国大陆&lt;br /&gt;
语言: 汉语普通话&lt;br /&gt;
首播: 2026-06-02(中国大陆)&lt;br /&gt;
集数: 24&lt;br /&gt;
又名: 灵魂摆渡5 / The Ferry Man 5&lt;/p&gt;</content:encoded></item><item><title>网易云黑胶会员免费领【6月更新】</title><link>https://blog.90svip.cn/posts/post-300/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-300/</guid><description>免费赠送网易云音乐黑胶会员给大家，目前每个月可以送128天，随机天数，先到先得哦！ 时间 领取地址 2026.6 https://163cn.tv/8gYb2Hi</description><pubDate>Wed, 03 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;免费赠送网易云音乐黑胶会员给大家，目前每个月可以送128天，随机天数，先到先得哦！&lt;/p&gt;

















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;时间&lt;/td&gt;&lt;td&gt;领取地址&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2026.6&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://163cn.tv/8gYb2Hi&quot; target=&quot;_blank&quot;&gt;https://163cn.tv/8gYb2Hi&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;</content:encoded></item><item><title>从零搭建个人博客：一些过程与心得</title><link>https://blog.90svip.cn/posts/startblog/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/startblog/</guid><description>从 WordPress 迁移到 Astro，部署在腾讯云 EdgeOne Pages。本文记录了博客搭建的全过程，以及写作路上的零星感想。</description><pubDate>Mon, 01 Jun 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;一、为什么想要写博客？&lt;a href=&quot;#一为什么想要写博客&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;说实话，最直接的原因是：我发现自己正在慢慢丢失”把思考变成文字”的能力。工作中的文档追求效率与准确，聊天则追求及时与简洁，那些需要静下心来梳理的、属于自己的文字，却越来越少。&lt;/p&gt;&lt;p&gt;常常有些事情在心中萦绕许久，觉得非记录下来不可，但真坐在电脑前时，想法又像雾一样散开了。&lt;/p&gt;&lt;p&gt;搭建这个博客，就是给自己一个”不得不写”的契机。更私心一点来说，我希望老了之后回头看，知道自己在某个特定的时空，喜欢过什么、思考过什么、又因为什么而感动过。那些真正塑造了我的东西，值得被留下来。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;二、从 WordPress 迁移：一个更轻量的选择&lt;a href=&quot;#二从-wordpress-迁移一个更轻量的选择&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;其实早在几年前，我就用 WordPress 搭过个人博客。那是一个功能非常完善的系统——有后台管理、插件生态、可视化编辑器，几乎什么都能做。但用得越久，越觉得有些不对劲：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;过于笨重&lt;/strong&gt;：一个简单的博客背后，需要 PHP 运行环境、MySQL 数据库、定期备份和安全更新。每次登录后台，看到的都是”有 X 个插件需要更新”，而我只是想写一篇文章而已。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;维护成本高&lt;/strong&gt;：服务器偶尔被扫描、数据库报错、缓存插件冲突……这些运维琐事逐渐消磨了写作的热情。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;写作体验割裂&lt;/strong&gt;：WordPress 的古腾堡编辑器虽然强大，但真正写长文时，我还是更习惯本地的 Markdown 编辑器。每次都要复制粘贴、调整格式，很打断心流。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;后来我开始关注静态站点生成器。这类工具直接把 Markdown 文件编译成 HTML，没有数据库、没有后台，只需一个简单的托管服务就能运行。而 &lt;strong&gt;Astro&lt;/strong&gt; 就是我在对比了 Hugo、Hexo、VuePress 之后，最终选择的框架。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三、为什么选择 Astro 框架？&lt;a href=&quot;#三为什么选择-astro-框架&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;在静态博客方案中，Astro 有几个特别吸引我的点：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;岛屿架构&lt;/strong&gt;：只在必要的地方加载 JavaScript，其余部分纯静态输出，性能极佳。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;对 Markdown 的一等支持&lt;/strong&gt;：可以直接在 &lt;code&gt;src/pages&lt;/code&gt; 里写 &lt;code&gt;.md&lt;/code&gt; 或 &lt;code&gt;.mdx&lt;/code&gt; 文件，自动转换为页面。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;组件灵活性&lt;/strong&gt;：如果以后想在博客里加入交互组件（比如画廊、评论区），可以用 React/Vue/Svelte 等，但默认又不引入任何多余的 JS。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;开发体验好&lt;/strong&gt;：HMR 很快，配置简单，同时生态里有大量主题和集成可供选择。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;对我来说，Astro 刚好踩在”足够简单”和”足够强大”的平衡点上，既不强迫你写复杂的前端代码，又在你想扩展时保留全部可能性。而且它生成的静态文件尺寸很小，非常适合部署在类似 EdgeOne Pages 这样的一站式托管平台上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四、从零开始的搭建流程&lt;a href=&quot;#四从零开始的搭建流程&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;整个搭建过程比我预想的要顺畅很多，但也踩了几个小坑，在这里简单分享一下。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;环境准备与初始化&lt;/strong&gt;&lt;br /&gt;
首先确保本地安装了 Node.js（建议使用 LTS 版本）。然后通过一行命令创建新项目：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;create&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;astro@latest&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;按照提示选择模板（我选了 “Starter Kit” 并稍作精简），再选择是否安装 TypeScript 等依赖。完成后进入项目目录，安装依赖：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;install&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;这时已经可以看到一个可运行的初始站点了。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;选择一个主题或从头构建&lt;/strong&gt;&lt;br /&gt;
Astro 官网上有主题市场，你可以直接 &lt;code&gt;git clone&lt;/code&gt; 一个现成主题。不过我自己更倾向于从空白项目开始，慢慢搭出一个符合”时光碎语”气质的界面——留白舒适、字体优雅、支持暗色模式。&lt;/p&gt;&lt;p&gt;主要工作集中在 &lt;code&gt;src/pages/&lt;/code&gt; 和 &lt;code&gt;src/components/&lt;/code&gt; 下。我写了一个简单的博客布局，并利用 Astro 的内容集合（Content Collections）来管理文章，这样能自动为每篇文章生成类型安全的 frontmatter 校验。&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;一个小坑：如果你不熟悉 Astro 的内容集合，建议先阅读官方文档。它虽然多写几行配置，但对后期维护帮助巨大。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;配置与集成&lt;/strong&gt;&lt;br /&gt;
为了让博客更好用，我添加了几个官方集成：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;@astrojs/rss&lt;/code&gt;：生成 RSS 订阅源。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;@astrojs/sitemap&lt;/code&gt;：自动生成站点地图。&lt;/li&gt;
&lt;li&gt;搜索功能：一开始想自己写，后来直接用了开源的 Pagefind，它扫描生成的静态文件即可提供离线搜索。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;另外评论系统我接入了 giscus（基于 GitHub Discussions），干净无广告。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;部署到腾讯云 EdgeOne Pages&lt;/strong&gt;&lt;br /&gt;
之前在 GitHub Pages 或 Vercel 上部署过很多项目，但这次我想试试国内的服务。&lt;strong&gt;腾讯云 EdgeOne Pages&lt;/strong&gt; 的体验出乎意料地好：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;将项目代码推送到 GitHub 仓库。&lt;/li&gt;
&lt;li&gt;登录腾讯云 EdgeOne Pages 控制台，点击”新建项目”，关联你的 GitHub 仓库。&lt;/li&gt;
&lt;li&gt;构建命令填写 &lt;code&gt;npm run build&lt;/code&gt;，输出目录为 &lt;code&gt;dist&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;环境变量一般不需要额外设置，EdgeOne Pages 会自动识别 Astro 项目。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;点击部署后，大约一分钟就会生成一个 &lt;code&gt;*.edgeone.app&lt;/code&gt; 的预览域名。我顺手绑定自己的 &lt;code&gt;blog.90svip.cn&lt;/code&gt;，并在域名服务商处添加了 CNAME 解析。&lt;/p&gt;&lt;p&gt;当那个熟悉的地址终于显示出我亲手构建的页面时，那种把想法一步步变成现实的成就感确实难以言喻。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五、写作计划与内容方向&lt;a href=&quot;#五写作计划与内容方向&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;博客的主标题是”时光碎语”，副标题是”关于生活、设计与美学的碎片收集”。这个定位已经大致勾勒出了内容的方向。&lt;/p&gt;&lt;p&gt;目前计划中的文章主要分为三个板块：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;🎨 设计美学&lt;/strong&gt;：分享我在日常中发现的关于设计、摄影和视觉语言的思考。比如喜欢的配色方案、某个让我在街上驻足的橱窗陈列、或是某张让我看了很久的照片。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;🛠️ 技术笔记&lt;/strong&gt;：记录与博客搭建、优化、脚本编写相关的技术沉淀。比如这篇关于从 WordPress 迁移到 Astro 的记录，就属于技术笔记。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;📝 生活随想&lt;/strong&gt;：最贴近”碎语”的那部分。可能是某本书的读后感、某部电影的观后感，或者是某个雨天的下午坐在窗边时脑海里一闪而过的念头。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这样的分类能让博客的结构保持清晰，也为三种不同的写作节奏留出空间——灵感来了可以写碎碎念，脑子清醒时可以写技术笔记，有余力时就写设计美学。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六、一些感想&lt;a href=&quot;#六一些感想&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;在搭建博客的过程中，我最大的体会是：&lt;strong&gt;这件事的意义不在于技术本身，而在于它为写作这件事清除了障碍&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;当所有的环境都配置好、主题打磨完毕，当你打开编辑器，看到那个属于你的、干净整洁的书写空间，心里自然会涌起一种”该写点什么了”的念头。从 0 到 1 完成一个站点，不仅仅意味着学会了某个工具，更重要的是你见证了”创造”本身的过程——一点一点把无形的想法，变成有形的、可以被别人看到和触摸到的东西。&lt;/p&gt;&lt;p&gt;这大概就是编程和写作最迷人的地方：你把想法变成代码或文字，然后在瞬间看到结果。遇到问题，就用努力去解决；解决了，就离自己想要的东西更近一步。&lt;/p&gt;&lt;p&gt;当然，搭建一个站点的技术过程只是一次性的，真正的挑战在于坚持更新。我希望”时光碎语”不会成为一个三分钟热度的站点。不管有没有读者，我都会写下去。那些塑造了我的光影，值得被散落在时光的碎片里。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;em&gt;这就是我的博客搭建过程和一些零碎的感想。如果你也对搭建个人博客感兴趣，不妨从今天开始动手试试。有什么问题或想法，欢迎在评论区交流。&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>开源卡密领取系统：支持多类型定价、IP 限额管理与支付宝自动对账</title><link>https://blog.90svip.cn/posts/post-295/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-295/</guid><description>卡密领取系统 — 开源项目介绍 卡密领取系统是一个基于 PHP + SQLite 的轻量级卡密管理与分发系统，支持免费领取、付费购买、多种卡密类型管理，并集成支付宝当面付功能。适用于软件激活码、会员卡、游戏礼包码等场景的在线分发。 ✨ 核心功能 免费领取 ：每个 IP 每天可设置免费领取次数（默认 1 次） 付费购买 ：通过支付宝当面付生成二维码，扫码支付后获得额外领取额度 多类型支持...</description><pubDate>Sun, 17 May 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;卡密领取系统 — 开源项目介绍&lt;a href=&quot;#卡密领取系统--开源项目介绍&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;卡密领取系统是一个基于 PHP + SQLite 的轻量级卡密管理与分发系统，支持免费领取、付费购买、多种卡密类型管理，并集成支付宝当面付功能。适用于软件激活码、会员卡、游戏礼包码等场景的在线分发。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;✨ 核心功能&lt;a href=&quot;#-核心功能&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;免费领取&lt;/strong&gt;：每个 IP 每天可设置免费领取次数（默认 1 次）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;付费购买&lt;/strong&gt;：通过支付宝当面付生成二维码，扫码支付后获得额外领取额度&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;多类型支持&lt;/strong&gt;：用户可在前台选择不同类型的卡密（如：会员卡、体验卡、季卡）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;类型价格独立设置&lt;/strong&gt;：不同卡密类型可设置不同的支付价格&lt;/li&gt;
&lt;/ul&gt;&lt;section&gt;&lt;h3&gt;2. 后台管理&lt;a href=&quot;#2-后台管理&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;卡密管理&lt;/strong&gt;：批量导入卡密、按类型筛选、删除已用/未用卡密&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;类型管理&lt;/strong&gt;：自定义卡密类型、设置各类型支付价格&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;订单管理&lt;/strong&gt;：查看所有订单、手动标记支付成功、补单操作&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;IP 管理&lt;/strong&gt;：查看领取记录、搜索 IP、封禁/解封 IP&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;数据统计&lt;/strong&gt;：卡密总量、今日领取、今日订单、今日收入等&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 支付宝集成&lt;a href=&quot;#3-支付宝集成&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;支付宝当面付（F2F）集成，自动生成支付二维码&lt;/li&gt;
&lt;li&gt;异步回调验签、订单轮询、订单超时自动关闭&lt;/li&gt;
&lt;li&gt;支持沙箱环境测试，网关连通性一键检测&lt;/li&gt;
&lt;li&gt;手动标记支付成功（方便测试或补单）&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;🛠️ 技术架构&lt;a href=&quot;#️-技术架构&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项目&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;后端语言&lt;/td&gt;&lt;td&gt;PHP 7.4+（无需框架，单文件 API）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据库&lt;/td&gt;&lt;td&gt;SQLite 3（无需 MySQL，自动创建表结构）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;前端&lt;/td&gt;&lt;td&gt;原生 JavaScript + CSS（无框架依赖，单文件）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;支付接口&lt;/td&gt;&lt;td&gt;支付宝当面付（F2F）— 支持 PC/移动端扫码支付&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;部署要求&lt;/td&gt;&lt;td&gt;支持虚拟主机、云服务器、本地测试（无需 Composer）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📦 数据库设计&lt;a href=&quot;#-数据库设计&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;系统使用 SQLite 数据库，自动初始化以下表：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;cards&lt;/strong&gt;：卡密表（code、used、type、claim_type、used_by、used_at、remark）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ip_records&lt;/strong&gt;：IP 领取记录表（ip、date、free_count、paid_count）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;orders&lt;/strong&gt;：支付订单表（order_no、trade_no、ip、amount、type、status、created_at、paid_at）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;settings&lt;/strong&gt;：系统设置表（key-value 存储配置项）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;banned_ips&lt;/strong&gt;：封禁 IP 表（ip、reason、created_at）&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;🚀 安装部署&lt;a href=&quot;#-安装部署&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;1. 上传文件&lt;a href=&quot;#1-上传文件&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;将以下文件上传到服务器：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;card-system/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── index.php       # 前台领取页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── admin.php       # 后台管理页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── api.php         # 后端 API 接口&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── alipay.php     # 支付宝集成类&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── db.php          # 数据库初始化&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── config.php      # 系统配置（密码、路径等）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── alipay/        # 支付宝回调文件&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   ├── notify.php&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   └── return.php&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── data/          # 数据目录（自动创建）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;└── cards.db     # SQLite 数据库文件&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 配置文件&lt;a href=&quot;#2-配置文件&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;编辑 &lt;code&gt;config.php&lt;/code&gt;，设置以下参数：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 管理后台密码（建议使用强密码）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;ADMIN_PASSWORD&apos;, &apos;your_password_here&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 支付宝配置（在后台可图形化配置，此处为默认值）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;ALI_APP_ID&apos;, &apos;your_app_id&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;ALI_RSA2_PRIVATE_KEY&apos;, &apos;your_private_key&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;ALI_RSA2_PUBLIC_KEY&apos;, &apos;your_public_key&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;PAY_AMOUNT&apos;, &apos;1.00&apos;);  // 默认支付金额&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;PAY_SUBJECT&apos;, &apos;卡密领取额度&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 每日限额&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;DAILY_FREE_LIMIT&apos;, 1);   // 每日免费领取次数&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;define(&apos;DAILY_PAID_LIMIT&apos;, 5);   // 每日付费领取次数&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 访问前台&lt;a href=&quot;#3-访问前台&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;打开 &lt;code&gt;http://your-domain.com/card-system/index.php&lt;/code&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;选择卡密类型&lt;/li&gt;
&lt;li&gt;点击”立即领取”免费领取&lt;/li&gt;
&lt;li&gt;点击”购买额度”进行支付宝支付&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. 访问后台&lt;a href=&quot;#4-访问后台&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;打开 &lt;code&gt;http://your-domain.com/card-system/admin.php&lt;/code&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;输入在 &lt;code&gt;config.php&lt;/code&gt; 中设置的密码&lt;/li&gt;
&lt;li&gt;导入卡密、设置类型、查看订单&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📱 使用流程&lt;a href=&quot;#-使用流程&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;用户领取流程&lt;a href=&quot;#用户领取流程&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;用户打开前台页面，选择卡密类型（如”会员卡”）&lt;/li&gt;
&lt;li&gt;点击”立即领取”，系统分配一张未使用的卡密&lt;/li&gt;
&lt;li&gt;如果免费次数已用完，点击”购买额度”&lt;/li&gt;
&lt;li&gt;使用支付宝扫描二维码完成支付&lt;/li&gt;
&lt;li&gt;支付成功后，额度自动到账，可继续领取&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;管理员操作流程&lt;a href=&quot;#管理员操作流程&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;登录后台，进入”卡密管理”&lt;/li&gt;
&lt;li&gt;批量导入卡密（每行一个，支持备注）&lt;/li&gt;
&lt;li&gt;进入”卡密类型”设置类型名称和价格&lt;/li&gt;
&lt;li&gt;查看”订单管理”，手动标记支付成功（如需）&lt;/li&gt;
&lt;li&gt;查看”数据统计”了解今日领取情况&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;🔐 安全特性&lt;a href=&quot;#-安全特性&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;IP 限领&lt;/strong&gt;：每个 IP 每天有免费和付费领取次数限制&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;IP 封禁&lt;/strong&gt;：可封禁恶意 IP，禁止其领取卡密&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;支付宝验签&lt;/strong&gt;：所有回调请求均进行 RSA2 签名验证&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;金额校验&lt;/strong&gt;：回调时校验支付金额与订单金额是否一致&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;APPID 校验&lt;/strong&gt;：防止跨应用伪造回调&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;幂等处理&lt;/strong&gt;：重复回调不会重复增加额度&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;订单超时&lt;/strong&gt;：5 分钟未支付自动关闭订单&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📊 支付宝配置指南&lt;a href=&quot;#-支付宝配置指南&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;1. 获取支付宝密钥&lt;a href=&quot;#1-获取支付宝密钥&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;登录 &lt;a href=&quot;https://open.alipay.com&quot; target=&quot;_blank&quot;&gt;支付宝开放平台&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;创建网页&amp;amp;移动应用，开通”当面付”能力&lt;/li&gt;
&lt;li&gt;使用 &lt;a href=&quot;https://opendocs.alipay.com/open/291/105971&quot; target=&quot;_blank&quot;&gt;支付宝密钥生成器&lt;/a&gt;生成 RSA2 密钥对&lt;/li&gt;
&lt;li&gt;上传应用公钥，获取支付宝公钥&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 在后台配置&lt;a href=&quot;#2-在后台配置&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;登录管理后台 → 系统设置&lt;/li&gt;
&lt;li&gt;填写 APPID、应用私钥、支付宝公钥&lt;/li&gt;
&lt;li&gt;设置网关地址（正式环境 / 沙箱环境）&lt;/li&gt;
&lt;li&gt;点击”测试网关连通性”验证配置&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 异步回调 URL&lt;a href=&quot;#3-异步回调-url&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;支付宝异步回调 URL 格式：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;http://your-domain.com/card-system/alipay/notify.php&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;请在支付宝开放平台的应用设置中配置此 URL。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;🎨 界面预览&lt;a href=&quot;#-界面预览&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;前台领取页面&lt;a href=&quot;#前台领取页面&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;简洁的卡片式设计&lt;/li&gt;
&lt;li&gt;卡密类型选择按钮&lt;/li&gt;
&lt;li&gt;今日剩余额度显示&lt;/li&gt;
&lt;li&gt;支付宝二维码弹窗&lt;/li&gt;
&lt;li&gt;领取成功动画效果&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;后台管理页面&lt;a href=&quot;#后台管理页面&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;左侧导航栏，功能分类清晰&lt;/li&gt;
&lt;li&gt;数据统计仪表盘&lt;/li&gt;
&lt;li&gt;卡密列表（支持按类型筛选）&lt;/li&gt;
&lt;li&gt;订单管理（支持标记支付成功）&lt;/li&gt;
&lt;li&gt;IP 领取记录（支持按 IP / 卡密搜索）&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📦 文件说明&lt;a href=&quot;#-文件说明&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文件&lt;/th&gt;&lt;th&gt;功能&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;index.php&lt;/td&gt;&lt;td&gt;前台领取页面（卡密类型选择、领取、支付）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;admin.php&lt;/td&gt;&lt;td&gt;后台管理页面（SPA 单页应用）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;api.php&lt;/td&gt;&lt;td&gt;后端 API（路由 + 业务逻辑）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;alipay.php&lt;/td&gt;&lt;td&gt;支付宝集成类（签名、验签、请求、日志）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;db.php&lt;/td&gt;&lt;td&gt;数据库初始化（自动建表、迁移）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;config.php&lt;/td&gt;&lt;td&gt;系统配置文件（密码、支付金额、限额等）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;alipay/notify.php&lt;/td&gt;&lt;td&gt;支付宝异步回调处理（独立版，脱离 WordPress 依赖）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;alipay/return.php&lt;/td&gt;&lt;td&gt;支付宝同步回调处理（跳转回前台）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;🔧 常见问题&lt;a href=&quot;#-常见问题&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;Q：如何修改每日免费领取次数？&lt;a href=&quot;#q如何修改每日免费领取次数&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;A：登录后台 → 系统设置 → 修改”每日免费领取上限” → 保存。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Q：如何设置不同卡密类型的价格？&lt;a href=&quot;#q如何设置不同卡密类型的价格&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;A：登录后台 → 卡密类型 → 在底部”类型价格设置”中为每个类型设置价格 → 保存。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Q：支付宝回调失败怎么办？&lt;a href=&quot;#q支付宝回调失败怎么办&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;A：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;检查 &lt;code&gt;alipay/notify.php&lt;/code&gt; 是否可以公网访问&lt;/li&gt;
&lt;li&gt;在后台”系统设置”中点击”测试网关连通性”&lt;/li&gt;
&lt;li&gt;查看 &lt;code&gt;data/logs/&lt;/code&gt; 目录中的日志文件&lt;/li&gt;
&lt;li&gt;使用”调试签名”功能检查密钥格式&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Q：如何手动标记订单为已支付？&lt;a href=&quot;#q如何手动标记订单为已支付&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;A：登录后台 → 订单管理 → 找到待支付订单 → 点击”标记支付”。系统会自动增加对应该 IP 的付费额度。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Q：支持哪些支付方式？&lt;a href=&quot;#q支持哪些支付方式&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;A：当前集成支付宝当面付（F2F），用户使用支付宝 APP 扫码支付。可扩展支持微信支付等其他支付方式。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📊 项目亮点&lt;a href=&quot;#-项目亮点&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;零依赖&lt;/strong&gt;：无需 Composer、无需框架，上传即可使用&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;轻量级&lt;/strong&gt;：SQLite 数据库，无需 MySQL 配置&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;安全&lt;/strong&gt;：IP 限领、封禁、支付宝验签、金额校验&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;灵活&lt;/strong&gt;：多类型支持、类型价格独立配置&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;易用&lt;/strong&gt;：图形化后台、一键导入卡密、订单管理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;可扩展&lt;/strong&gt;：清晰的代码架构，方便二次开发&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📝 更新日志&lt;a href=&quot;#-更新日志&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;v2.0&lt;/strong&gt; (2026-05-14)&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;新增：多卡密类型支持&lt;/li&gt;
&lt;li&gt;新增：不同类型设置不同支付价格&lt;/li&gt;
&lt;li&gt;新增：手动标记订单为已支付&lt;/li&gt;
&lt;li&gt;优化：修复前台类型选择 bug&lt;/li&gt;
&lt;li&gt;优化：支付宝集成稳定性提升&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;v1.0&lt;/strong&gt; (2026-05-12)&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;首次发布&lt;/li&gt;
&lt;li&gt;基础卡密领取功能&lt;/li&gt;
&lt;li&gt;支付宝当面付集成&lt;/li&gt;
&lt;li&gt;后台管理功能&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📧 联系与反馈&lt;a href=&quot;#-联系与反馈&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;如有问题或建议，欢迎反馈：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;在项目页面留言&lt;/li&gt;
&lt;li&gt;提供详细的问题描述和截图&lt;/li&gt;
&lt;li&gt;我会尽快回复并修复问题&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;p&gt;&lt;strong&gt;立即下载体验，轻松搭建你的卡密领取系统！&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;strong&gt;下载地址&lt;/strong&gt;&lt;a href=&quot;#下载地址&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://pan.baidu.com/s/1s8zKPnT0GNrIAXf5CeAQBA?pwd=hvp9&quot; target=&quot;_blank&quot;&gt;百度网盘&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Telegram 提示“短信收费”的完整解决方案</title><link>https://blog.90svip.cn/posts/post-234/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-234/</guid><description>Telegram 登录弹出“SMS Fee/短信收费”？教你免费绕过！ 最近很多人在使用 Telegram 的时候，都会遇到一个非常离谱的提示： SMS Fee / 短信收费 。 无论是 登录老账号 ，还是 注册新账号 ，都会突然弹出提示，让你先支付短信费用才能继续操作。 很多人就懵了： 这个钱到底该不该交？ 交了会不会被骗？ 有没有办法绕过这个收费？ 这篇文章，我把目前 成功率最高的解决方案...</description><pubDate>Sat, 18 Apr 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h1&gt;Telegram 登录弹出“SMS Fee/短信收费”？教你免费绕过！&lt;a href=&quot;#telegram-登录弹出sms-fee短信收费教你免费绕过&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h1&gt;&lt;p&gt;最近很多人在使用 Telegram 的时候，都会遇到一个非常离谱的提示：&lt;strong&gt;SMS Fee / 短信收费&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;无论是 &lt;strong&gt;登录老账号&lt;/strong&gt;，还是 &lt;strong&gt;注册新账号&lt;/strong&gt;，都会突然弹出提示，让你先支付短信费用才能继续操作。&lt;/p&gt;&lt;p&gt;很多人就懵了：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;这个钱到底该不该交？&lt;/li&gt;
&lt;li&gt;交了会不会被骗？&lt;/li&gt;
&lt;li&gt;有没有办法绕过这个收费？&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这篇文章，我把目前 &lt;strong&gt;成功率最高的解决方案&lt;/strong&gt; 全部整理出来，希望能帮你解决问题。&lt;/p&gt;&lt;section&gt;&lt;h2&gt;为什么 Telegram 会出现短信收费？&lt;a href=&quot;#为什么-telegram-会出现短信收费&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;最近 Telegram 因为被大量滥用，例如：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;批量注册机器人&lt;/li&gt;
&lt;li&gt;电诈账号&lt;/li&gt;
&lt;li&gt;营销号养号&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;所以官方开始 &lt;strong&gt;提高注册和登录门槛&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;其中一个措施就是：部分账号登录或注册时，需要支付短信费用。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;但实际上很多情况下是可以绕过的。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;老账号登录遇到短信收费&lt;a href=&quot;#老账号登录遇到短信收费&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;老账号一般分为两种情况。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;情况一：新手机登录，但旧设备仍然在线&lt;a href=&quot;#情况一新手机登录但旧设备仍然在线&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;如果你的旧手机还在登录状态，其实很好解决。&lt;/p&gt;&lt;p&gt;例如：你在新手机登录 Telegram 时，弹出了 &lt;strong&gt;短信收费提示&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;这时候可以尝试 &lt;strong&gt;更换客户端&lt;/strong&gt;。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;安卓解决方案&lt;a href=&quot;#安卓解决方案&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;推荐优先顺序：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Telegram 11.5.5 旧版本&lt;/strong&gt;（免费下载地址在文末，付费地址为高速链接）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;IME 客户端&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;NiceGram&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;如果一个不行，就换下一个。因为不同手机系统兼容性不同。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;苹果手机解决方案&lt;a href=&quot;#苹果手机解决方案&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;苹果无法安装旧版本 Telegram，所以只能尝试：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;IME&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;NiceGram&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这些都是 &lt;strong&gt;基于 Telegram 官方 API 的第三方客户端&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;简单理解就是：壳子不同，后台仍然是 Telegram 官方服务器。由于不同客户端登录流程不同，有时候 &lt;strong&gt;不会触发短信收费&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;情况二：新手机登录且没有在线设备&lt;a href=&quot;#情况二新手机登录且没有在线设备&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;如果你的账号：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;没有在线设备&lt;/li&gt;
&lt;li&gt;只能短信验证&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这种情况可以尝试 &lt;strong&gt;Telega 客户端&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;这是一个俄版 Telegram 客户端。它在登录时：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;不会弹短信收费&lt;/li&gt;
&lt;li&gt;而是会把验证码 &lt;strong&gt;发送到绑定邮箱&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;登录成功之后，再使用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;Telegram 11.5.5&lt;/li&gt;
&lt;li&gt;IME&lt;/li&gt;
&lt;li&gt;NiceGram&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;登录即可。&lt;/p&gt;&lt;p&gt;Telegram 11.5.5&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://pan.quark.cn/s/0b90fb362c17&quot; target=&quot;_blank&quot;&gt;下载&lt;/a&gt;&lt;/p&gt;&lt;p&gt;提取码：AaNS&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>3分钟注册外区苹果ID教程（无需翻墙、无需信用卡）</title><link>https://blog.90svip.cn/posts/post-241/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-241/</guid><description>3分钟注册外区苹果ID教程（无需翻墙、无需信用卡） 很多用户在使用 Apple 设备时，都会遇到一个问题： 为什么很多海外应用在国内 App Store 下载不了？ 答案很简单—— 地区限制 。 今天这篇文章，教你用 最简单的方法 ，3分钟注册一个外区苹果ID（美区 / 港区 / 台区均可），而且： 不需要翻墙 不需要外区信用卡 支持国内手机号 + 邮箱 一、注册前准备...</description><pubDate>Sat, 18 Apr 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h1&gt;3分钟注册外区苹果ID教程（无需翻墙、无需信用卡）&lt;a href=&quot;#3分钟注册外区苹果id教程无需翻墙无需信用卡&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h1&gt;&lt;p&gt;很多用户在使用 Apple 设备时，都会遇到一个问题：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;为什么很多海外应用在国内 App Store 下载不了？&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;答案很简单——&lt;strong&gt;地区限制&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;今天这篇文章，教你用&lt;strong&gt;最简单的方法&lt;/strong&gt;，3分钟注册一个外区苹果ID（美区 / 港区 / 台区均可），而且：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;不需要翻墙&lt;/li&gt;
&lt;li&gt;不需要外区信用卡&lt;/li&gt;
&lt;li&gt;支持国内手机号 + 邮箱&lt;/li&gt;
&lt;/ul&gt;&lt;section&gt;&lt;h2&gt;一、注册前准备&lt;a href=&quot;#一注册前准备&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;在开始之前，你只需要准备两样东西：&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1、一个邮箱&lt;a href=&quot;#1一个邮箱&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;国内（QQ、163）或国外（Gmail）都可以&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;必须是没有注册过苹果ID的邮箱&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2、一个手机号&lt;a href=&quot;#2一个手机号&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;中国大陆手机号即可&lt;/li&gt;
&lt;li&gt;建议未注册过 Apple ID（或注册数量不超过3个）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;二、注册入口&lt;a href=&quot;#二注册入口&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;官方注册地址：&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://account.apple.com/&quot; target=&quot;_blank&quot;&gt;https://account.apple.com/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;打开后，点击：&lt;strong&gt;“创建你的 Apple 账户”&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;三、注册步骤（详细教程）&lt;a href=&quot;#三注册步骤详细教程&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;按照页面提示填写信息：&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1、选择地区&lt;a href=&quot;#1选择地区&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;想注册哪个区就选哪个（美区 / 港区 / 台区）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2、填写基本信息&lt;a href=&quot;#2填写基本信息&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;出生日期：建议 &lt;strong&gt;18岁以上&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;邮箱：输入两次确认&lt;/li&gt;
&lt;li&gt;密码：设置好安全密码&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3、填写手机号&lt;a href=&quot;#3填写手机号&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;可以直接用国内手机号&lt;/li&gt;
&lt;li&gt;用于接收验证码&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4、验证邮箱&lt;a href=&quot;#4验证邮箱&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;登录邮箱获取验证码&lt;/li&gt;
&lt;li&gt;输入后点击继续&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;5、验证手机&lt;a href=&quot;#5验证手机&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;输入短信验证码&lt;/li&gt;
&lt;li&gt;完成验证&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;到这里，你的外区 Apple ID 就注册成功了！&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;四、检查账号状态&lt;a href=&quot;#四检查账号状态&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;注册成功后会进入账户管理页面：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;查看邮箱是否验证成功&lt;/li&gt;
&lt;li&gt;查看“付款与配送”&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;你会发现：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;没有绑定任何支付方式&lt;/li&gt;
&lt;li&gt;也不需要信用卡&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;五、手机登录外区 Apple ID&lt;a href=&quot;#五手机登录外区-apple-id&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;接下来是最关键的一步&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1、退出原有账号&lt;a href=&quot;#1退出原有账号&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;打开 App Store&lt;/li&gt;
&lt;li&gt;点击右上角头像&lt;/li&gt;
&lt;li&gt;滑到最底部，点击“退出登录”&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2、重新登录&lt;a href=&quot;#2重新登录&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;选择“使用其他 Apple ID 登录”&lt;/li&gt;
&lt;li&gt;输入刚注册的邮箱 + 密码&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;六、验证并下载海外应用&lt;a href=&quot;#六验证并下载海外应用&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;首次下载应用时，会提示：&lt;/p&gt;&lt;p&gt;“服务条款已更改”&lt;/p&gt;&lt;p&gt;点击同意即可&lt;/p&gt;&lt;p&gt;然后你就可以：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;搜索海外应用（例如 Telegram）&lt;/li&gt;
&lt;li&gt;正常下载安装&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;像 Telegram 这种应用，在国内区是无法下载的，但外区账号可以轻松搞定。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;七、常见问题解答&lt;a href=&quot;#七常见问题解答&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;需要翻墙吗？&lt;a href=&quot;#需要翻墙吗&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;不需要，全程国内网络即可完成&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;需要信用卡吗？&lt;a href=&quot;#需要信用卡吗&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;不需要，可以完全不绑定支付方式&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;可以用国内手机号吗？&lt;a href=&quot;#可以用国内手机号吗&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;可以，完全支持&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;八、总结&lt;a href=&quot;#八总结&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;整个流程其实非常简单：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;准备邮箱 + 手机号&lt;/li&gt;
&lt;li&gt;注册账号（3分钟）&lt;/li&gt;
&lt;li&gt;登录 App Store&lt;/li&gt;
&lt;li&gt;下载海外应用&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;你就可以解锁大量国外资源，包括：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;社交软件（Telegram / X）&lt;/li&gt;
&lt;li&gt;AI工具（ChatGPT 等）&lt;/li&gt;
&lt;li&gt;海外内容平台&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;九、适合人群&lt;a href=&quot;#九适合人群&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;这套方法特别适合：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;想使用海外APP的新手用户&lt;/li&gt;
&lt;li&gt;不会翻墙的小白&lt;/li&gt;
&lt;li&gt;不想绑定信用卡的人&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;如果你想进一步了解更多海外工具或资源，可以持续关注相关内容。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>白嫖 1TB S3 存储空间！零成本手搓  直链网盘 + Alist 完美挂载</title><link>https://blog.90svip.cn/posts/post-227/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-227/</guid><description>如果这个视频还在，你就可以继续往下看了！ 最近在技术圈发现了一个非常香的 “羊毛”—— 云服务商（Hi168）注册就免费送 500GB 实名后送 1T &amp;nbsp;的 S3 对象存储空间 ！对于喜欢折腾服务器、经常需要中转大文件或分享素材的玩家来说，这简直是天降的神仙级后备仓库。 今天，我就带大家实战演示，如何将这 1TB 空间 “榨干”，玩出两种截然不同用法： 轻量级玩法 ：利用...</description><pubDate>Tue, 31 Mar 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;如果这个视频还在，你就可以继续往下看了！&lt;/p&gt;
&lt;p&gt;最近在技术圈发现了一个非常香的 “羊毛”—— 云服务商（Hi168）注册就免费送 500GB 实名后送 1T&lt;strong&gt;的 S3 对象存储空间&lt;/strong&gt;！对于喜欢折腾服务器、经常需要中转大文件或分享素材的玩家来说，这简直是天降的神仙级后备仓库。&lt;/p&gt;
&lt;p&gt;今天，我就带大家实战演示，如何将这 1TB 空间 “榨干”，玩出两种截然不同用法：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;轻量级玩法&lt;/strong&gt;：利用 Cloudflare Workers 零成本手搓一个极简的 &lt;strong&gt;私人直链网盘&lt;/strong&gt;，随时随地拖拽上传，极速获取文件直链。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;终极完全体&lt;/strong&gt;：将 S3 空间完美挂载到你服务器的 &lt;strong&gt;Alist&lt;/strong&gt; 中，打造一个可以在线预览视频、管理目录的全功能私人云盘！&lt;/li&gt;
&lt;/ol&gt;
&lt;section&gt;&lt;h2&gt;方案一：极客专属，Cloudflare Workers 零成本搭建专属极速云盘&lt;a href=&quot;#方案一极客专属cloudflare-workers-零成本搭建专属极速云盘&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;如果你手里没有服务器，或者只想弄个轻量级的工具用来快速分享文件，Cloudflare Workers 是最完美的方案。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. 获取 S3 凭证与 “避坑指南”&lt;a href=&quot;#1-获取-s3-凭证与-避坑指南&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;在开始之前，我们需要从服务商后台拿到 S3 的连接配置。&lt;/p&gt;&lt;p&gt;来到注册网站：&lt;a href=&quot;https://www.hi168.com/&quot; target=&quot;_blank&quot;&gt;https://www.hi168.com&lt;/a&gt; 注册后登陆进去 - 储存管理 - 创建储存桶 - 获取参数&lt;/p&gt;&lt;p&gt;这里有一个&lt;strong&gt;极其容易踩坑的致命点&lt;/strong&gt;！&lt;/p&gt;&lt;p&gt;通常 S3 需要四个参数，请对照你的后台严格记录：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Endpoint（端点）&lt;/strong&gt;：OSS 服务地址&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Access Key（访问密钥）&lt;/strong&gt;：后台密钥列表获取。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Secret Key（安全密钥）&lt;/strong&gt;：后台密钥列表获取。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Bucket（存储桶名称）&lt;/strong&gt;：&lt;strong&gt;【超级大坑】&lt;/strong&gt; 千万不要用后台显示的那个为了好看的 “短桶名”（比如 &lt;code&gt;webs3&lt;/code&gt;）！一定要使用系统分配的一长串 &lt;strong&gt;“挂载名称”&lt;/strong&gt;（例如 &lt;code&gt;hi168-30042-xxxxxx&lt;/code&gt;）。API 接口只认这个底层真实的挂载名称，否则会一直报 &lt;code&gt;NoSuchBucket&lt;/code&gt; 的错误！&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 创建 Worker&lt;a href=&quot;#2-创建-worker&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;进入 Cloudflare 后台，新建一个 Worker，将以下代码全部复制进去并部署：&lt;/p&gt;&lt;p&gt; Cloudflare Worker 源码（前后端合一）&lt;/p&gt;&lt;p&gt;代码&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://s3.hi168.com/hi168-21174-21396uf1/1774935024739-4j4ixx.txt&quot; target=&quot;_blank&quot;&gt;下载&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;3. 创建数据库&lt;a href=&quot;#3-创建数据库&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;第一步：创建一个免费的 KV 数据库&lt;a href=&quot;#第一步创建一个免费的-kv-数据库&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;回到 Cloudflare 的主界面（Dashboard），在左侧菜单找到 &lt;strong&gt;Storage &amp;amp; Databases&lt;/strong&gt; -&amp;gt; &lt;strong&gt;KV&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;点击右上角的 &lt;strong&gt;Create a namespace&lt;/strong&gt;（创建命名空间）。&lt;/li&gt;
&lt;li&gt;名字随便起，比如叫 &lt;code&gt;MY_S3_RECORDS&lt;/code&gt;，然后点击 Add 添加。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第二步：把数据库和密码绑定给 Worker&lt;a href=&quot;#第二步把数据库和密码绑定给-worker&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;回到你刚才那个 Worker 的详情页。&lt;/li&gt;
&lt;li&gt;进入 &lt;strong&gt;Settings（设置）&lt;/strong&gt; -&amp;gt; &lt;strong&gt;Variables and Secrets（变量和机密）&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;设置访问密码：&lt;/strong&gt; 在你之前填 &lt;code&gt;S3_BUCKET&lt;/code&gt; 的地方，再新增一个文本变量：
&lt;ul&gt;
&lt;li&gt;变量名：&lt;code&gt;MY_PASSWORD&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;值：填一个你自己记得住的密码（比如 &lt;code&gt;90svip666&lt;/code&gt;）。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;绑定 KV 数据库：&lt;/strong&gt; 往下滚动，找到 &lt;strong&gt;KV Namespace Bindings（KV 命名空间绑定）&lt;/strong&gt; 这一块。
&lt;ul&gt;
&lt;li&gt;点击 Add binding。&lt;/li&gt;
&lt;li&gt;Variable name（变量名）填：&lt;code&gt;RECORDS&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;KV namespace（命名空间）下拉选择你刚才创建的 &lt;code&gt;MY_S3_RECORDS&lt;/code&gt;。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;点击最下方的 Save and deploy（保存并部署）。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 配置环境变量&lt;a href=&quot;#3-配置环境变量&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;在 Worker 的 &lt;code&gt;Settings&lt;/code&gt; -&amp;gt; &lt;code&gt;Variables and Secrets&lt;/code&gt; 中添加以下变量：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;S3_ENDPOINT&lt;/code&gt; (文本): &lt;code&gt;https://s3.hi168.com&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;S3_BUCKET&lt;/code&gt; (文本): 你的挂载名称（不是短桶名！）&lt;/li&gt;
&lt;li&gt;&lt;code&gt;S3_ACCESS_KEY&lt;/code&gt; (密钥): 你的 AK&lt;/li&gt;
&lt;li&gt;&lt;code&gt;S3_SECRET_KEY&lt;/code&gt; (密钥): 你的 SK&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;保存部署后，访问你的 Worker 专属域名，就能看到一个支持拖拽、支持并发极速上传的极简云盘界面了！&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方案二：终极体验，挂载 Alist 打造全功能私人网盘&lt;a href=&quot;#方案二终极体验挂载-alist-打造全功能私人网盘&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;如果你有一台云服务器，并且部署了 &lt;strong&gt;Alist&lt;/strong&gt;，那体验可以直接拉满！不仅能在线预览视频、图片，还能通过 WebDAV 挂载到电脑本地当硬盘用。&lt;/p&gt;&lt;p&gt;在 Alist 中添加存储，选择 &lt;code&gt;Amazon S3&lt;/code&gt; 协议，并按以下参数填写：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;挂载路径&lt;/strong&gt;：&lt;code&gt;/Hi168云盘&lt;/code&gt;（自定义）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;端点 (Endpoint)&lt;/strong&gt;：&lt;code&gt;https://s3.hi168.com&lt;/code&gt;（结尾不要带 &lt;code&gt;/&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;存储桶 (Bucket)&lt;/strong&gt;：填入那一长串&lt;strong&gt;挂载名称&lt;/strong&gt;（血泪教训，再次强调）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;区域 (Region)&lt;/strong&gt;：填 &lt;code&gt;us-east-1&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Access Key &amp;amp; Secret Key&lt;/strong&gt;：正常填入。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;致命报错解决：&lt;code&gt;no such host&lt;/code&gt;&lt;a href=&quot;#致命报错解决no-such-host&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;如果你填完后状态报红，提示 &lt;code&gt;dial tcp: lookup xxx.s3.hi168.com ... no such host&lt;/code&gt;，这是因为中小服务商不支持 S3 的 “虚拟主机样式（Virtual Hosted-Style）”。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;解决办法&lt;/strong&gt;：在 Alist 配置中往下划，找到 &lt;strong&gt;【强制路径样式 (Force Path Style)】&lt;/strong&gt;，将这个开关 &lt;strong&gt;开启 (True)&lt;/strong&gt;，保存后瞬间变绿！&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;总结&lt;a href=&quot;#总结&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;通过以上两种方案，我们成功把白嫖来的 1TB 空间玩出了花。日常高频发图，用 Cloudflare Worker 随时随地拖拽秒传；大文件归档、视频素材管理，用 Alist 统一调度，美滋滋。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;安全提醒：&lt;/strong&gt; 录制视频或分享代码时，千万记得给你的 Access Key 和 Secret Key 打码！这俩钥匙一旦泄露，你的 1TB 空间就会变成别人的跑马场。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>免费领取20GB云存储空间：中国科技云「数据胶囊」使用指南</title><link>https://blog.90svip.cn/posts/post-216/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-216/</guid><description>如果你正在寻找一个稳定、免费且大容量的个人云存储方案，用于同步笔记、中转文件或备份资料，那么由中国科学院建设的 中国科技云（CSTCloud） ​ 所提供的 「数据胶囊」 ​ 服务，或许是一个值得考虑的选择。 核心优势：完全免费，简单省心 「数据胶囊」最吸引人的一点在于，用户 完成实名认证后，即可获得20GB的永久免费存储空间...</description><pubDate>Sun, 22 Feb 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;如果你正在寻找一个稳定、免费且大容量的个人云存储方案，用于同步笔记、中转文件或备份资料，那么由中国科学院建设的**中国科技云（CSTCloud）**​ 所提供的 **「数据胶囊」**​ 服务，或许是一个值得考虑的选择。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;&lt;strong&gt;核心优势：完全免费，简单省心&lt;/strong&gt;&lt;a href=&quot;#核心优势完全免费简单省心&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;「数据胶囊」最吸引人的一点在于，用户&lt;strong&gt;完成实名认证后，即可获得20GB的永久免费存储空间&lt;/strong&gt;，并且目前没有任何迹象表明未来会对此收费。这与主流商业云服务商的对象存储（如腾讯云COS、阿里云OSS）形成了鲜明对比。&lt;/p&gt;&lt;p&gt;商业对象存储的计费模式通常较为复杂，可能包含&lt;strong&gt;存储容量费、流量费、请求费、数据取回费&lt;/strong&gt;乃至部分管理功能费用。对于个人用户而言，即使购买了预付费的资源包，也可能会因超额使用、产生流量或执行取回操作而产生额外的按量计费，管理起来并不省心。&lt;/p&gt;&lt;p&gt;「数据胶囊」则提供了纯粹的免费额度，让个人用户能够更轻松地管理自己的数字资产。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;strong&gt;多功能支持：适配多种使用场景&lt;/strong&gt;&lt;a href=&quot;#多功能支持适配多种使用场景&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;「数据胶囊」并非一个简单的网盘，它提供了多种标准协议接入方式，因此能灵活配合各类应用使用：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;作为对象存储（S3协议）&lt;/strong&gt;：可以配合 &lt;strong&gt;Obsidian&lt;/strong&gt;​ 等笔记软件，通过插件（如 Remotely Save）实现笔记和多端图片的同步与备份，完全替代需要付费的商业对象存储服务。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;作为WebDAV挂载点&lt;/strong&gt;：可以挂载到 &lt;strong&gt;OpenList&lt;/strong&gt;​ 等支持WebDAV的应用或NAS设备上，用于快速上传、下载和分享大文件。据用户反馈，其下载速度表现不错。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;微信小程序便捷存取&lt;/strong&gt;：通过其微信小程序，可以非常方便地保存微信聊天中的图片和文件到「数据胶囊」空间，实现快速收集与归档。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;多空间管理&lt;/strong&gt;：用户可以创建多个独立的数据空间，以便为不同的应用或用途进行隔离管理。此外，它还支持&lt;strong&gt;MCP协议&lt;/strong&gt;，可与Cherry Studio等工具配合，拓展更多使用可能性。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;strong&gt;如何注册与认证&lt;/strong&gt;&lt;a href=&quot;#如何注册与认证&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;要获得20GB的免费空间，需要完成以下两个步骤：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;注册科技云通行证&lt;/strong&gt;：首先访问 &lt;code&gt;passport.escience.cn&lt;/code&gt;注册一个账号。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;登录并完成实名认证&lt;/strong&gt;：使用注册的通行证账号登录「数据胶囊」官网 &lt;code&gt;data.cstcloud.cn&lt;/code&gt;，并在其中完成实名认证。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;请注意&lt;/strong&gt;：未完成认证的账户仅有1GB空间，且无法使用S3、WebDAV等核心功能。认证通过后，20GB的免费空间便会立即生效。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;&lt;strong&gt;总结&lt;/strong&gt;&lt;a href=&quot;#总结&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;对于需要免费、可靠云存储来同步工作笔记、中转文件或进行轻量级备份的个人用户和学生群体而言，中国科技云的「数据胶囊」是一个非常具有性价比的选择。其基于国家级科研基础设施的背景，也为其服务的长期稳定性提供了保障。如果你对复杂的云服务计费感到厌倦，不妨尝试一下这个纯粹的免费方案。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>免费音乐搜索器源码 - 已修复播放</title><link>https://blog.90svip.cn/posts/post-210/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-210/</guid><description>界面预览 源码介绍 程序语言：&amp;nbsp;PHP（无数据库） 程序支持：&amp;nbsp;网易/QQ/酷狗/酷我/咪咕/明月浩空网 更新日志 更新日志：20251019 更新防盗加密验证 强烈建议更新，同时修改Sign_key为任意其他内容 V1.7.9 1.JS，CSS，Font全部本地化 2.重写核心代码更新Aplayer最新版本 3.优化搜索速度 4.优化API接口请求数 下载地址 百度网盘...</description><pubDate>Tue, 04 Nov 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;界面预览&lt;a href=&quot;#界面预览&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;源码介绍&lt;a href=&quot;#源码介绍&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;程序语言： PHP（无数据库）&lt;/p&gt;&lt;p&gt;程序支持： 网易/QQ/酷狗/酷我/咪咕/明月浩空网&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;更新日志&lt;a href=&quot;#更新日志&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;更新日志：20251019&lt;br /&gt;
更新防盗加密验证&lt;br /&gt;
强烈建议更新，同时修改Sign_key为任意其他内容&lt;/p&gt;&lt;p&gt;V1.7.9&lt;br /&gt;
1.JS，CSS，Font全部本地化&lt;br /&gt;
2.重写核心代码更新Aplayer最新版本&lt;br /&gt;
3.优化搜索速度&lt;br /&gt;
4.优化API接口请求数&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;下载地址&lt;a href=&quot;#下载地址&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://pan.baidu.com/s/1gDwZkqpvp6kBmw6LqtGWIw?pwd=92nr&quot; target=&quot;_blank&quot;&gt;百度网盘&lt;/a&gt;&lt;a href=&quot;https://pan.quark.cn/s/6fb3534ea871&quot; target=&quot;_blank&quot;&gt;夸克网盘&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>免费网页播放器源码 - awkins</title><link>https://blog.90svip.cn/posts/post-203/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-203/</guid><description>界面预览 源码介绍 程序语言：&amp;nbsp;PHP（无数据库） 程序支持：&amp;nbsp;网易/QQ/酷狗/酷我/咪咕/明月浩空网 更新日志 20250505更新： 1，新增同步歌单支持网易/QQ用户导入 2，新增接口加密验证，api.php防盗 3，修复歌词显隐开启时切换歌曲失效 4，优化只缓存musiclist内的歌单数据 历史更新：...</description><pubDate>Sat, 30 Aug 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;界面预览&lt;a href=&quot;#界面预览&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;源码介绍&lt;a href=&quot;#源码介绍&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;程序语言： PHP（无数据库）&lt;/p&gt;&lt;p&gt;程序支持： 网易/QQ/酷狗/酷我/咪咕/明月浩空网&lt;/p&gt;&lt;section&gt;&lt;h3&gt;更新日志&lt;a href=&quot;#更新日志&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;20250505更新：&lt;br /&gt;
1，新增同步歌单支持网易/QQ用户导入&lt;br /&gt;
2，新增接口加密验证，api.php防盗&lt;br /&gt;
3，修复歌词显隐开启时切换歌曲失效&lt;br /&gt;
4，优化只缓存musiclist内的歌单数据&lt;br /&gt;
历史更新：&lt;br /&gt;
1，接口对接明月浩空网，支持网易/QQ/酷狗/酷我/咪咕/明月浩空网/自定义歌曲&lt;br /&gt;
2，歌单支持自定义设置多种来源/类型/专辑封面&lt;br /&gt;
9，优化一些细节问题&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;原版修改内容：&lt;a href=&quot;#原版修改内容&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;1、界面美化（按我的想法）&lt;br /&gt;
2、播放记录（浏览器存储类型修改为对象，方便获取歌单名称展示）&lt;br /&gt;
3、固定标题（固定播放信息栏，不随列表滚动）&lt;br /&gt;
4、歌曲图片（歌曲图片背景全屏，修改透明度不遮挡背景图，可以在functions.js自行调整）&lt;br /&gt;
5、小屏样式（修改了小屏幕下放播放控制布局）&lt;br /&gt;
6、歌曲搜索（酷狗、百度、虾米已经失效，只保留网易和QQ）&lt;br /&gt;
7、歌单列表（显示为小图展示方式，我并不满意没想到到好的展示想法）&lt;br /&gt;
8、进度条（改为渐变色）&lt;br /&gt;
9、播放列表（去掉了下载和分享按钮，只保留一个播放）&lt;br /&gt;
10、滚动组件（禁用了滚动条组件）&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;原版增加功能：&lt;a href=&quot;#原版增加功能&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;1、倍速播放（可以自由选择倍速，在index.html可以自行修改）&lt;br /&gt;
2、歌曲时间（显示当前歌曲时长，播放时长）&lt;br /&gt;
3、歌词翻译（默认显示翻译，可关闭。实时滚动正在播放那句歌词在正中间）&lt;br /&gt;
4、歌曲全屏（歌词全屏居中显示）&lt;br /&gt;
5、歌词隐显（可以选择只显示正在播放的那句歌词）&lt;br /&gt;
6、下载歌曲（改写下载歌曲方法，点击直接下载不是新窗口打开文件地址）&lt;br /&gt;
7、下载歌词（这个是别人写的下载歌词方法，我直接拿来用了。如果歌曲有翻译，我顺便把翻译歌词也加进去了，不需要的话可以在functions.js对应函数中去掉）&lt;br /&gt;
8、当前歌单（播放列表上面显示当前是那个歌单的中歌曲）&lt;br /&gt;
9、歌手专辑（点击歌手和专辑，可以直接搜索）&lt;br /&gt;
10、歌单标题（区分下默认添加的歌单和用户同步的歌单，如果默认歌单数量有变，需要在awkins.js修改用户歌单标题插入位置）&lt;br /&gt;
11、背景设置（自定义设置背景图片，默认1周过期。重置背景或清理浏览器缓存则失效）&lt;br /&gt;
12、随机背景（默认从设置的背景图片中随机一张作为背景图，默认1小时过期）&lt;br /&gt;
13、动态粒子（默认底部彩色粒子，和背景设置中背景粒子，不需要的话都可以直接改代码去掉）&lt;br /&gt;
12、信息说明（增加一个说明的按钮，里面可以放一些说明，谷歌或百度广告，我认为直接放界面上影响美观）&lt;br /&gt;
13、歌单广告（百度广告隐藏在歌单中，和歌单显示无区别，可以每次动态插入位置。代码中我去掉了，需要的话联系我，我觉得意义不大）&lt;br /&gt;
14、网站弹窗（打开网站弹窗，这个有需要的可以自己在funcions.js函数中添加，直接调用layer组件就可以了）&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;下载地址&lt;a href=&quot;#下载地址&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://pan.baidu.com/s/1hOgT5FisEOm6KXSaVSwilg?pwd=tk4g&quot; target=&quot;_blank&quot;&gt;百度网盘&lt;/a&gt;&lt;a href=&quot;https://pan.quark.cn/s/4ac871222b3e&quot; target=&quot;_blank&quot;&gt;夸克网盘&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>童话镇 - 陈一发儿</title><link>https://blog.90svip.cn/posts/post-199/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-199/</guid><description>歌曲试听 歌词赏析 听说白雪公主在逃跑 小红帽在担心大灰狼 听说疯帽喜欢爱丽丝 丑小鸭会变成白天鹅 听说彼得潘总长不大 杰克他有竖琴和魔法 听说森林里有糖果屋 灰姑娘丢了心爱的玻璃鞋 只有睿智的河水知道 白雪是因为贪玩跑出了城堡 小红帽有件抑制自己 变成狼的大红袍 总有一条蜿蜒在童话镇里七彩的河 沾染魔法的乖张气息 却又在爱里曲折 川流不息扬起水花 又卷入一帘时光入水 让所有很久很久以前...</description><pubDate>Fri, 22 Aug 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;歌曲试听&lt;a href=&quot;#歌曲试听&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;歌词赏析&lt;a href=&quot;#歌词赏析&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;听说白雪公主在逃跑&lt;br /&gt;
小红帽在担心大灰狼&lt;br /&gt;
听说疯帽喜欢爱丽丝&lt;br /&gt;
丑小鸭会变成白天鹅&lt;br /&gt;
听说彼得潘总长不大&lt;br /&gt;
杰克他有竖琴和魔法&lt;br /&gt;
听说森林里有糖果屋&lt;br /&gt;
灰姑娘丢了心爱的玻璃鞋&lt;br /&gt;
只有睿智的河水知道&lt;br /&gt;
白雪是因为贪玩跑出了城堡&lt;br /&gt;
小红帽有件抑制自己&lt;br /&gt;
变成狼的大红袍&lt;br /&gt;
总有一条蜿蜒在童话镇里七彩的河&lt;br /&gt;
沾染魔法的乖张气息&lt;br /&gt;
却又在爱里曲折&lt;br /&gt;
川流不息扬起水花&lt;br /&gt;
又卷入一帘时光入水&lt;br /&gt;
让所有很久很久以前&lt;br /&gt;
都走到幸福结局的时刻&lt;br /&gt;
听说睡美人被埋藏&lt;br /&gt;
小人鱼在眺望金殿堂&lt;br /&gt;
听说阿波罗变成金乌&lt;br /&gt;
草原有奔跑的剑齿虎&lt;br /&gt;
听说匹诺曹总说着谎&lt;br /&gt;
侏儒怪拥有宝石满箱&lt;br /&gt;
听说悬崖有棵长生树&lt;br /&gt;
红鞋子不知疲倦地在跳舞&lt;br /&gt;
只有睿智的河水知道&lt;br /&gt;
睡美人逃避了生活的煎熬&lt;br /&gt;
小人鱼把阳光抹成眼影&lt;br /&gt;
投进泡沫的怀抱&lt;br /&gt;
总有一条蜿蜒在童话镇里七彩的河&lt;br /&gt;
沾染魔法的乖张气息&lt;br /&gt;
却又在爱里曲折&lt;br /&gt;
川流不息扬起水花&lt;br /&gt;
又卷入一帘时光入水&lt;br /&gt;
让所有很久很久以前&lt;br /&gt;
都走到幸福结局的时刻&lt;br /&gt;
总有一条蜿蜒在童话镇里梦幻的河&lt;br /&gt;
分隔了理想分隔现实&lt;br /&gt;
又在前方的山口汇合&lt;br /&gt;
川流不息扬起水花&lt;br /&gt;
又卷入一帘时光入水&lt;br /&gt;
让所有很久很久以前&lt;br /&gt;
都走到幸福结局的时刻 又陌生&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;下载地址&lt;a href=&quot;#下载地址&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://pan.baidu.com/s/13KmxSRDijvod01qQGaNnaA?pwd=22tw&quot; target=&quot;_blank&quot;&gt;百度网盘&lt;/a&gt;&lt;a href=&quot;https://pan.quark.cn/s/fd2e3a4eb339&quot; target=&quot;_blank&quot;&gt;夸克网盘&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>落日未眠 - 鞠婧祎</title><link>https://blog.90svip.cn/posts/post-194/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-194/</guid><description>音乐试听 歌词赏析 微风带来久违的惬意 思绪浸没余晖里 夕阳只剩下二分之一 渐隐入远方海底 好像自从上个夏天起 变得固执的自己 试着学会舍弃和别离 潮声掩去了叹息 这次没有返程的旅行 向着日落的边际 黄昏尾声汹涌而平静 悄然抹去了足迹 将来有再多的未确定 也不愿回望迟疑 时间无法为谁而暂停 所以勿念往昔 当光影交错 当白昼陷落 当我 坦然走过 世界再昏暗再辽阔 你总能看见我 等月光洒落...</description><pubDate>Wed, 20 Aug 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;音乐试听&lt;a href=&quot;#音乐试听&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;歌词赏析&lt;a href=&quot;#歌词赏析&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;微风带来久违的惬意&lt;br /&gt;
思绪浸没余晖里&lt;br /&gt;
夕阳只剩下二分之一&lt;br /&gt;
渐隐入远方海底&lt;br /&gt;
好像自从上个夏天起&lt;br /&gt;
变得固执的自己&lt;br /&gt;
试着学会舍弃和别离&lt;br /&gt;
潮声掩去了叹息&lt;br /&gt;
这次没有返程的旅行&lt;br /&gt;
向着日落的边际&lt;br /&gt;
黄昏尾声汹涌而平静&lt;br /&gt;
悄然抹去了足迹&lt;br /&gt;
将来有再多的未确定&lt;br /&gt;
也不愿回望迟疑&lt;br /&gt;
时间无法为谁而暂停&lt;br /&gt;
所以勿念往昔&lt;br /&gt;
当光影交错&lt;br /&gt;
当白昼陷落&lt;br /&gt;
当我 坦然走过&lt;br /&gt;
世界再昏暗再辽阔&lt;br /&gt;
你总能看见我&lt;br /&gt;
等月光洒落&lt;br /&gt;
等夜空烟火&lt;br /&gt;
等我 打破沉默&lt;br /&gt;
海平面橘色余波&lt;br /&gt;
依旧闪烁&lt;br /&gt;
当光影交错&lt;br /&gt;
当白昼陷落&lt;br /&gt;
当我 坦然走过&lt;br /&gt;
世界再昏暗再辽阔&lt;br /&gt;
你也会找到我&lt;br /&gt;
等月光洒落&lt;br /&gt;
等夜空烟火&lt;br /&gt;
等我 打破沉默&lt;br /&gt;
海平面橘色余波 多么闪烁&lt;br /&gt;
好像自从上个夏天起&lt;br /&gt;
也变得固执的你&lt;br /&gt;
陪着同样无畏的&lt;br /&gt;
自己&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>微博图床防盗链的解决方法</title><link>https://blog.90svip.cn/posts/post-174/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-174/</guid><description>图片发到微博上用微博做图床主打的是一个省存储费用和带宽费用，缺点就是不可控，微博一直都在做防盗链升级，直接访问图片链接返回 403，本文将详细介绍几种可行的微博图床解决方案，帮助用户高效使用微博进行图片外链。 方案一：使用百度图床加速 [hidecontent type=&quot;reply&quot;] https://image.baidu.com/search/down?url=图片地址...</description><pubDate>Wed, 06 Aug 2025 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;图片发到微博上用微博做图床主打的是一个省存储费用和带宽费用，缺点就是不可控，微博一直都在做防盗链升级，直接访问图片链接返回 403，本文将详细介绍几种可行的微博图床解决方案，帮助用户高效使用微博进行图片外链。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;方案一：使用百度图床加速&lt;a href=&quot;#方案一使用百度图床加速&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://image.baidu.com/search/down?url=%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80&quot; target=&quot;_blank&quot;&gt;https://image.baidu.com/search/down?url=图片地址&lt;/a&gt;&lt;/p&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;其中 url 参数指定的图片地址为完整的微博图片地址，即包含 https 协议前缀。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;示例（没有展示即该方法已失效）&lt;a href=&quot;#示例没有展示即该方法已失效&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方案二：借助 WordPress 的 Jetpack&lt;a href=&quot;#方案二借助-wordpress-的-jetpack&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://i0.wp.com/%E4%B8%8D%E5%B8%A6https%E5%8D%8F%E8%AE%AE%E5%89%8D%E7%BC%80%E7%9A%84%E5%9B%BE%E7%89%87URL&quot; target=&quot;_blank&quot;&gt;https://i0.wp.com/不带https协议前缀的图片URL&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://i1.wp.com/%E4%B8%8D%E5%B8%A6https%E5%8D%8F%E8%AE%AE%E5%89%8D%E7%BC%80%E7%9A%84%E5%9B%BE%E7%89%87URL&quot; target=&quot;_blank&quot;&gt;https://i1.wp.com/不带https协议前缀的图片URL&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://i2.wp.com/%E4%B8%8D%E5%B8%A6https%E5%8D%8F%E8%AE%AE%E5%89%8D%E7%BC%80%E7%9A%84%E5%9B%BE%E7%89%87URL&quot; target=&quot;_blank&quot;&gt;https://i2.wp.com/不带https协议前缀的图片URL&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://i3.wp.com/%E4%B8%8D%E5%B8%A6https%E5%8D%8F%E8%AE%AE%E5%89%8D%E7%BC%80%E7%9A%84%E5%9B%BE%E7%89%87URL&quot; target=&quot;_blank&quot;&gt;https://i3.wp.com/不带https协议前缀的图片URL&lt;/a&gt;&lt;/p&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;section&gt;&lt;h3&gt;示例（没有展示即该方法已失效）&lt;a href=&quot;#示例没有展示即该方法已失效-1&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方案三：使用 cdnjson加速&lt;a href=&quot;#方案三使用-cdnjson加速&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://cdn.cdnjson.com/%E4%B8%8D%E5%B8%A6https%E5%8D%8F%E8%AE%AE%E5%89%8D%E7%BC%80%E7%9A%84%E5%9B%BE%E7%89%87URL&quot; target=&quot;_blank&quot;&gt;https://cdn.cdnjson.com/不带https协议前缀的图片URL&lt;/a&gt;&lt;/p&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;section&gt;&lt;h3&gt;示例（没有展示即该方法已失效）&lt;a href=&quot;#示例没有展示即该方法已失效-2&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方案四：使用 ipfsscan&lt;a href=&quot;#方案四使用-ipfsscan&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://cdn.ipfsscan.io/weibo/%E5%8E%BB%E6%8E%89%E5%BE%AE%E5%8D%9A%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5%E4%B8%AD%E5%9F%9F%E5%90%8D%E9%83%A8%E5%88%86%E5%90%8E%E7%9A%84%E9%93%BE%E6%8E%A5&quot; target=&quot;_blank&quot;&gt;https://cdn.ipfsscan.io/weibo/去掉微博图片链接中域名部分后的链接&lt;/a&gt;&lt;/p&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;section&gt;&lt;h3&gt;示例（没有展示即该方法已失效）&lt;a href=&quot;#示例没有展示即该方法已失效-3&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;结语&lt;a href=&quot;#结语&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;通过上述四种方案，用户可以灵活选择合适的图床服务。无论是百度、WordPress、cdnjson，还是 ipfsscan，每种方式都有其独特的优势和不足。根据具体需求和使用场景，选择最佳的图床解决方案将有助于提升内容展示效果，减少存储成本。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>免费领取EdgeOne免费套餐 2个域名额度</title><link>https://blog.90svip.cn/posts/post-183/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-183/</guid><description>该方法无需兑换码可直接领取！！！ 1️⃣ 进入 edgeone.ai 官网登陆你的账号 2️⃣ 进入以下网站领取 [hidecontent type=&quot;reply&quot;] https://edgeone.ai/get-free-plan?from=discord [/hidecontent] 3️⃣ 点击测速，等待测速完毕 4️⃣ 分别点击两个分享按钮：X和Facebook...</description><pubDate>Wed, 06 Aug 2025 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;该方法无需兑换码可直接领取！！！&lt;/p&gt;
&lt;p&gt;1️⃣ 进入 edgeone.ai 官网登陆你的账号&lt;br /&gt;
2️⃣ 进入以下网站领取&lt;/p&gt;
&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://edgeone.ai/get-free-plan?from=discord&quot; target=&quot;_blank&quot;&gt;https://edgeone.ai/get-free-plan?from=discord&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;[/hidecontent]&lt;/p&gt;
&lt;p&gt;3️⃣ 点击测速，等待测速完毕&lt;br /&gt;
4️⃣ 分别点击两个分享按钮：X和Facebook&lt;br /&gt;
（点击关闭即可，无需真的分享）&lt;/p&gt;
&lt;p&gt;❕按照操作步骤 直接领取两个额度到账号&lt;/p&gt;</content:encoded></item><item><title>笔记本安装飞牛OS，设置盒合盖不休眠</title><link>https://blog.90svip.cn/posts/post-164/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-164/</guid><description>前言 最近飞牛os更新了笔记本电源作为UPS的功能，老笔记本直接化身飞牛神器，但有很多笔记本用户可能会遇到以下两种情况① 希望笔记本息屏不关机② 希望笔记本合盖不休眠，由此就有了今天这篇文章。 教程开始 1.首先，我们可以开启管理员账号的 SSH 功能 2.打开系统的 CMD 窗口，通过 SSH 进入系统，输入 ssh 用户名 @ip，访问你的设备。...</description><pubDate>Mon, 21 Jul 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;前言&lt;a href=&quot;#前言&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;最近飞牛os更新了笔记本电源作为UPS的功能，老笔记本直接化身飞牛神器，但有很多笔记本用户可能会遇到以下两种情况① 希望笔记本息屏不关机② 希望笔记本合盖不休眠，由此就有了今天这篇文章。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;教程开始&lt;a href=&quot;#教程开始&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;1.首先，我们可以开启管理员账号的 SSH 功能&lt;/p&gt;&lt;p&gt;2.打开系统的 CMD 窗口，通过 SSH 进入系统，输入 ssh 用户名 @ip，访问你的设备。&lt;/p&gt;&lt;p&gt;(Windows系统下，按Windows键+R，然后输入CMD)&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;ssh [用户名]@[设备ip]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;之后屏幕会显示是否确认链接：Are you sure you want to continue connecting (yes/no/[fingerprint])?&lt;/p&gt;&lt;p&gt;按照提示输入 yes 确认链接；&lt;/p&gt;&lt;p&gt;然后输出你的管理员密码&lt;/p&gt;&lt;p&gt;（这里密码输入的时候不会展示出来，如果输入错误，重复操作)&lt;/p&gt;&lt;p&gt;然后继续输入 sudo -i，进入管理员模式，接下来就可以使用下面的命令开关屏幕啦！&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;sudo -i&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[输入密码]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;在当前窗口选择输入下面操作，即可根据需求控制屏幕开关&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;关闭屏幕命令:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;setterm --blank force --term linux &amp;lt;/dev/tty1&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;打开屏幕命令:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;setterm --blank poke --term linux &amp;lt;/dev/tty1&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;3.第二个情况，在我们关闭笔记本的时候，笔记本会触发休眠，我们可以修改系统配置文件来关闭休眠设定。&lt;/p&gt;&lt;p&gt;首先同样通过 sudo -i 进入管理员模式，通过这个指令修改文件以及保存文件。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#关闭屏幕的命令编辑文件指令：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;nano /etc/systemd/logind.conf&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;在打开的页面中，通过方向键控制光标。找到文件里面的这几行代码，我们修改需要关闭配置等号后面为 ignore 之后，去掉开头的 #，&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;HandleLidSwitch=ignore：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#当笔记本电脑使用电池供电时，合盖忽略&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;HandleLidSwitchExternalPower=ignore：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#当笔记本电脑插入电源插座时，合盖忽略&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;HandleLidSwitchDocked=ignore：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#当笔记本电脑连接到扩展坞时，合盖忽略&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;然后保存文件，退出编辑&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#保存编辑指令：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[Ctrl按钮] + O&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#退出编辑指令&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[Ctrl按钮] + X&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;使用app或者以下指令重启一下飞牛 NAS。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;systemctl restart systemd-logind&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;重启之后，设备的配置就可以生效啦我们可以验证一下：关闭了屏幕，Web 端是否可以正常访问。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>自用壁纸分享 - 哆啦A梦 蓝胖子船长</title><link>https://blog.90svip.cn/posts/post-160/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-160/</guid><description>蓝胖子船长·哆啦A梦治愈电脑壁纸 哆啦A梦坐上西瓜船向大海出发去探险啦~ 壁纸尺寸：16:9 | 4K高清 壁纸类型：锁屏+桌面</description><pubDate>Mon, 14 Jul 2025 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;蓝胖子船长·哆啦A梦治愈电脑壁纸&lt;/p&gt;
&lt;p&gt;哆啦A梦坐上西瓜船向大海出发去探险啦~&lt;/p&gt;
&lt;p&gt;壁纸尺寸：16:9 | 4K高清&lt;/p&gt;
&lt;p&gt;壁纸类型：锁屏+桌面&lt;/p&gt;</content:encoded></item><item><title>在公司windows电脑上部署FRP实现在家访问公司OA系统</title><link>https://blog.90svip.cn/posts/post-137/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-137/</guid><description>前言 因为本人工作的原因，一般周末都是双休，但又有时候要点OA，恰好公司的OA又只能内网访问，于是想了很多办法，最后找到了这个方法，使用FRP配合浏览器插件SwitchyOmega实现远程访问公司内网。 实现方法 公司使用FRPwindows客户端实现转发，外网使用浏览器插件SwitchyOmega代理。 具体方法...</description><pubDate>Sat, 28 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;前言&lt;a href=&quot;#前言&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;因为本人工作的原因，一般周末都是双休，但又有时候要点OA，恰好公司的OA又只能内网访问，于是想了很多办法，最后找到了这个方法，使用FRP配合浏览器插件SwitchyOmega实现远程访问公司内网。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实现方法&lt;a href=&quot;#实现方法&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;公司使用FRPwindows客户端实现转发，外网使用浏览器插件SwitchyOmega代理。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;具体方法&lt;a href=&quot;#具体方法&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;1.首先你要搭建你的FRP服务端，这里就不多说了，不会的可以自行点下面的链接到github学习。&lt;/p&gt;&lt;p&gt;2.在公司的电脑上使用frp的windows客户端，我这里推荐使用&lt;a href=&quot;https://github.com/koho/frpmgr&quot; target=&quot;_blank&quot;&gt;FRP 管理器&lt;/a&gt;，自行下载安装。&lt;/p&gt;&lt;p&gt;3.安装好之后点击新建配置，名称任意填写，服务器地址填写你的FRP服务端地址，服务器端口填写你的服务端端口。&lt;/p&gt;&lt;p&gt;4.再到认真页面，认证方式选择Token，令牌填写你FRP服务端设置的令牌，这样就好了，点击确定保存。&lt;/p&gt;&lt;p&gt;5.配置完这些之后点击主页的启动，状态显示为正在运行就是部署成功了。我这边就不点停止了。&lt;/p&gt;&lt;p&gt;6.做完这些之后点击快速添加，选择代理服务器，添加一个http穿透，就是你外网访问的端口。&lt;/p&gt;&lt;p&gt;做完这些你的FRP转发就做好了，接下来就是使用浏览器代理了。我是推荐使用&lt;a href=&quot;https://chromewebstore.google.com/detail/proxy-switchyomega/padekgcemlokbadohgkifijomclgjgif&quot; target=&quot;_blank&quot;&gt;SwitchyOmega&lt;/a&gt;。可以自行下载安装。&lt;/p&gt;&lt;p&gt;7.代理插件配置只需要代理服务器和端口即可。&lt;/p&gt;&lt;p&gt;8.做完这些后当你需要访问内网服务的时候只需要点击浏览器拓展，选择你的代理服务即可。不需要使用的时候要宣传直接连接，不然所有的浏览都会经过转发。&lt;/p&gt;&lt;p&gt;有些人的网络环境不是很好，我把文章中用到的软件都打包了，注册后签到一次即可免费下载。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>飞牛云NAS使用Cloudflare-Tunnels实现低成本内网穿透</title><link>https://blog.90svip.cn/posts/post-117/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-117/</guid><description>前言 之前我自己用家里的电子垃圾搞了个飞牛nas存小孩儿的照片还有动画片等等东西，但是在外面访问只有靠飞牛自带的穿透服务，速度还慢，后面我又折腾了DDNS-GO+ipv6的方案，这样子手机使用ipv6访问速度倒是很快了，但是在公司网络，没有ipv6，要访问我的docker服务又没有办法了，于是就找到了这个方法。 使用条件 一个域名，没有域名的话可以 点这里购买 注册了cloudflare...</description><pubDate>Sat, 21 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;前言&lt;a href=&quot;#前言&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;之前我自己用家里的电子垃圾搞了个飞牛nas存小孩儿的照片还有动画片等等东西，但是在外面访问只有靠飞牛自带的穿透服务，速度还慢，后面我又折腾了DDNS-GO+ipv6的方案，这样子手机使用ipv6访问速度倒是很快了，但是在公司网络，没有ipv6，要访问我的docker服务又没有办法了，于是就找到了这个方法。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;使用条件&lt;a href=&quot;#使用条件&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;一个域名，没有域名的话可以&lt;a href=&quot;https://curl.qcloud.com/d3RK8R1W&quot; target=&quot;_blank&quot;&gt;点这里购买&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;注册了cloudflare&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;教程开始&lt;a href=&quot;#教程开始&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;1.将域名与cloudflare绑定&lt;/p&gt;&lt;p&gt;1.1在cloudflare输入需要绑定的域名&lt;/p&gt;&lt;p&gt;2.然后选择免费(free)&lt;/p&gt;&lt;p&gt;3.根据要求在域名后台更改你的名称服务器&lt;/p&gt;&lt;p&gt;4.等待状态由(待处理的名称服务器更新)，变成(活动)即可&lt;/p&gt;&lt;p&gt;以上条件都准备好以后我们就开始使用。&lt;/p&gt;&lt;p&gt;5.首先在Cloudflare登录好账号并打开Zero Trust&lt;/p&gt;&lt;p&gt;6.依次打开Networks-Tunnels&lt;/p&gt;&lt;p&gt;7.创建Create a tunnel&lt;/p&gt;&lt;p&gt;8.选择Select Cloudflared&lt;/p&gt;&lt;p&gt;9.命名navidrome-Save tunnel（这个可以根据你的项目自定义）&lt;/p&gt;&lt;p&gt;10.可以看到Tunnel created successfully&lt;/p&gt;&lt;p&gt;11.选择docker-并复制命令&lt;/p&gt;&lt;p&gt;先把这段命令存起来&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;docker run cloudflare/cloudflared:latest tunnel --no-autoupdate run --token eyJh2IjoiMTExMjQ4NmFkNTU3MWY5Y2I4MWUxOTg3OGI0MjViZjYiLCJ0IjaoiZTgzNGFmNzktMWEyMC00MWMyLWI3OTMtOTA1ZDE5YjdkODBiIiwicyI6Ik5qSXlOMk5qTnpjdFpqTXpNQzAwTldNMExXSTVNRFF0WldGalpHVXhZekF6WkRJeiJ9&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;然后点击next&lt;br /&gt;
接下来重点来了-根据图示填入相应的内容-Save tunnel即可&lt;/p&gt;&lt;p&gt;此时服务端设置完成了-状态是INACTIVE&lt;/p&gt;&lt;p&gt;12.打开飞牛云nas的docker-compose&lt;/p&gt;&lt;p&gt;13.点击新建项目&lt;br /&gt;
我们先准备下配置文件内容-根据提示修改&lt;/p&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;version: &apos;3&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;services:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;cloudflared:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;image: cloudflare/cloudflared&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;container_name: cloudflared-navidrome  #这里自定义容器名&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;restart: always&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;network_mode: host&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;command: tunnel --no-autoupdate run --token eyJhIjoiMTExMjQ4NmFkNTU3MWY5Y2I4MWUxOTg3OGI0MjViZjYiLCJ0IjoiMDc1NTE5NTAtZWM2Zi00ODcyLThjNjctZDg5MDgzNTI2ZGRlIiwicyI6Ik5XUmlaamM0WVdVdE1HTXlZUzAwTkRJMExXSTJaalV0WlRoaVltTmhPRFk0TVRJNCJ9         #这里填入自己的token即可&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;14.根据图示填入自己容器的信息，建议每次都规范命名下，避免后续新增容器出现端口冲突或者名称冲突的报错&lt;/p&gt;&lt;p&gt;确保容器启动正常-即可&lt;/p&gt;&lt;p&gt;15.我们再次返回cloudflare即可看到状态变成HEALTHY(健康)&lt;/p&gt;&lt;p&gt;16.访问你解析的域名，看到正常访问就可以了！&lt;/p&gt;&lt;p&gt;如果有什么问题不懂的可以在本文下面留言！看到之后都会回复的。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>子比美化 – 为网站添加一个动态灵动岛</title><link>https://blog.90svip.cn/posts/post-104/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-104/</guid><description>效果演示 实现方法 1.将以下代码添加到自定义 CSS [hidecontent type=&quot;reply&quot;] /* 动态灵动岛美化样式代码*/ .dynamic-island { position: fixed; top: 80px; left: 50%; transform: translateX(-50%) scale(0); transform-origin: center; width:...</description><pubDate>Sun, 15 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;效果演示&lt;a href=&quot;#效果演示&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实现方法&lt;a href=&quot;#实现方法&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;1.将以下代码添加到自定义 CSS&lt;/p&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/* 动态灵动岛美化样式代码*/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;position: fixed;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;top: 80px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;left: 50%;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform: translateX(-50%) scale(0);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform-origin: center;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;width: auto; /* 自动宽度 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;max-width: 80%; /* 最大宽度限制 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;height: 40px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;background-color: #000;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;border-radius: 25px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;color: white;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;display: flex;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;align-items: center;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;justify-content: space-between;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transition: transform 0.4s ease-in-out, height 0.6s ease-in-out, border-radius 0.6s ease-in-out, box-shadow 0.5s ease-in-out, opacity 0.5s ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;overflow: visible;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;z-index: 1000;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;padding-left: 35px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;padding-right: 20px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;opacity: 0;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.45);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;flex: 1; /* 使宽度自动扩展 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;white-space: nowrap; /* 防止文字换行 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island.active {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform: translateX(-50%) scale(1);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;opacity: 1;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;32&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;33&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island.inactive {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;34&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform: translateX(-50%) scale(0);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;35&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;opacity: 0;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;36&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;37&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;38&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.island-content {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;39&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;opacity: 0;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;40&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transition: opacity 0.9s ease-in-out, filter 0.8s ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;41&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;font-weight: bold;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;42&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;flex-grow: 1;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;43&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;text-align: left; /* 文字左对齐 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;44&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;margin-left: 10px; /* 与图片留出空间 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;45&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;overflow: hidden; /* 防止溢出 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;46&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;text-overflow: ellipsis; /* 溢出显示省略号 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;47&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;48&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;49&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island.active .island-content {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;50&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;opacity: 1;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;51&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;52&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;53&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island img {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;54&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;position: absolute;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;55&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;left: 5px; /* 调整图片位置 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;56&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;width: 20px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;57&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;height: 20px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;58&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;object-fit: cover;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;59&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transition: height 0.8s ease-in-out, width 0.8s ease-in-out, filter 0.8s ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;60&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;61&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;62&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island:hover {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;63&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;height: 60px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;64&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;border-radius: 50px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;65&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;66&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;67&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.dynamic-island:hover img {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;68&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;width: 30px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;69&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;height: 30px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;70&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;71&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;72&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bars {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;73&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;display: flex;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;74&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;align-items: center;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;75&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;justify-content: flex-end;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;76&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;gap: 3px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;77&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;min-width: 40px; /* 最小宽度限制 */&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;78&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;79&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;80&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;81&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;width: 2px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;82&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;height: 13px;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;83&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;background-color: green;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;84&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation: bounce 1s infinite ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;85&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-direction: alternate;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;86&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;87&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;88&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(1) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;89&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 1s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;90&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;91&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;92&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(2) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;93&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 0.9s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;94&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;95&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;96&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(3) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;97&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 0.8s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;98&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;99&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;100&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(4) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;101&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 0.7s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;102&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;103&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;104&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(5) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;105&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 0.6s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;106&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;107&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;108&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(6) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;109&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 0.9s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;110&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;111&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;112&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.bar:nth-child(7) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;113&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation-duration: 0.7s;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;114&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;115&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;116&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;@keyframes bounce {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;117&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;0% {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;118&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform: scaleY(0.3);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;119&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;background-color: green;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;120&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;121&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;50% {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;122&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform: scaleY(1);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;123&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;background-color: orange;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;124&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;125&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;100% {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;126&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;transform: scaleY(0.3);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;127&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;background-color: green;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;128&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;129&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;130&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/* 动态灵动岛美化样式代码 结束*/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;2.将以下代码添加到自定义头部 HTML&lt;/p&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;!-- 动态灵动岛美化样式代码 开始 !--&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;div class=&quot;dynamic-island inactive&quot; id=&quot;dynamicIsland&quot; style=&quot;opacity: 0;&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;img src=&quot;https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01lajerM1QbIl9aoHcJ_!!2210123621994.png&quot; alt=&quot;通知图标&quot; width=&quot;30&quot; height=&quot;30&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;island-content&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bars&quot; style=&quot;line-height: 50px; margin: 0;&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;p style=&quot;line-height: 50px; margin: 0; font-size: 12px; padding-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;&quot;&amp;gt; 欢迎访问站长论坛&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;            &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;bar&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;!-- 动态灵动岛美化样式代码 结束 !--&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;3.将以下代码添加到 zibll 文件夹中的 function.php 或 func.php 文件里。&lt;/p&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 灵动岛通知 开始&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function add_dynamic_island_script() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;?&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;          &lt;/span&gt;&lt;/span&gt;&lt;span&gt;window.onload = function() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 触发灵动岛的显示&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;triggerIsland();&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 获取当前页面的标题&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;let title;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;const currentUrl = window.location.pathname;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 获取当前 URL 路径&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;if (currentUrl.includes(&apos;/message/&apos;)) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果访问了消息页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;正在访问消息页面&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;} else if (currentUrl.includes(&apos;/user/&apos;)) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果访问了用户中心页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;欢迎来到用户中心&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;} else if (document.body.classList.contains(&apos;home&apos;) || document.body.classList.contains(&apos;front-page&apos;)) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果是首页&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;欢迎来到&amp;lt;a target=&quot;_blank&quot; href=&quot;https://yinhenote.cn/tag/%e9%93%b6%e6%b2%b3%e7%ac%94%e8%ae%b0/&quot; title=&quot;View all posts in 银河笔记&quot;&amp;gt;银河笔记&amp;lt;/a&amp;gt;&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;} else if (document.body.classList.contains(&apos;single&apos;)) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果是单篇文章&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;title = &quot;&amp;lt;?php echo addslashes(html_entity_decode(get_the_title())); ?&amp;gt;&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 获取文章标题并解码&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;正在访问：&quot; + title;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;} else if (document.body.classList.contains(&apos;category&apos;)) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果是分类页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;const category = &quot;&amp;lt;?php echo addslashes(html_entity_decode(get_queried_object()-&amp;gt;name)); ?&amp;gt;&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 获取当前分类的名称&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;正在访问：&quot; + category + &quot; 分类&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;} else if (document.body.classList.contains(&apos;page&apos;)) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;32&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果是单个页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;33&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;title = &quot;&amp;lt;?php echo addslashes(html_entity_decode(get_the_title())); ?&amp;gt;&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;34&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 获取页面标题并解码&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;35&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;正在访问：&quot; + title;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;36&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;} else {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;37&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 如果以上都不匹配，可以使用默认值&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;38&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;document.querySelector(&apos;.bars p&apos;).innerText = &quot;欢迎来到极客指北&quot;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;39&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;40&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;41&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;42&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 触发灵动岛的显示&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;43&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;function triggerIsland() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;44&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;const island = document.getElementById(&apos;dynamicIsland&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;45&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;if (island) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;46&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;island.style.opacity = 1;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;47&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;island.classList.add(&apos;active&apos;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;48&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;                      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;island.classList.remove(&apos;inactive&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;49&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 在4秒后触发关闭动画&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;50&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;setTimeout(() =&amp;gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;51&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;closeIsland();&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;52&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;53&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;, 4000);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;54&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;55&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;56&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;function closeIsland() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;57&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;const island = document.getElementById(&apos;dynamicIsland&apos;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;58&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;                &lt;/span&gt;&lt;/span&gt;&lt;span&gt;if (island) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;59&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;island.classList.remove(&apos;active&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;60&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;island.classList.add(&apos;inactive&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;61&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;setTimeout(() =&amp;gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;62&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;island.style.opacity = 0;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;63&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 使灵动岛透明&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;64&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;65&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;, 600);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;66&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 与 transform 动画持续时间一致&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;67&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;68&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;69&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;70&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;?php&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;71&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;72&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;add_action(&apos;wp_head&apos;, &apos;add_dynamic_island_script&apos;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;73&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 灵动岛 结束&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;按教程操作完成后，记得保存所作更改，然后刷新网站，就能亲眼见证动态灵动岛的炫酷效果啦！&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>稳定机场推荐：一元机场|Trojan 直连机场</title><link>https://blog.90svip.cn/posts/post-109/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-109/</guid><description>一元机场怎么样？ 一元机场，创立时间是2022年，Trojan 出国协议，线路是亚马逊、微软云等主流云服务商的月抛机器。比较神奇的是，一元机场线路支持流媒体的解锁，虽然解锁稳定性有待考量。支持常见的 Clash、Shadowrocket、Quantumult X、Surge、Stash 等主流订阅一键导入。付款方式支持支付宝。 一元机场订阅价格...</description><pubDate>Sun, 15 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;一元机场怎么样？&lt;a href=&quot;#一元机场怎么样&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;一元机场，创立时间是2022年，Trojan 出国协议，线路是亚马逊、微软云等主流云服务商的月抛机器。比较神奇的是，一元机场线路支持流媒体的解锁，虽然解锁稳定性有待考量。支持常见的 Clash、Shadowrocket、Quantumult X、Surge、Stash 等主流订阅一键导入。付款方式支持支付宝。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一元机场订阅价格&lt;a href=&quot;#一元机场订阅价格&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;一年11两年19很便宜了！现在涨价了，1年12，2年20。&lt;/p&gt;&lt;p&gt;关于一元机场为什么这么便宜，有官方的解释：我们采用全球知名公有云月抛作为主力节点，成本远远低于大多数机场，即使在目前的定价情况下，依然可以保证盈利，放心不会跑路，如果担心可以月付。所以即便跑路，用户承担的损失也不高。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一元机场节点和测速&lt;a href=&quot;#一元机场节点和测速&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;这张图是写这边文章的时候截图的一部分节点，都还是挺好的，正常也可以秒开油管4K！&lt;/p&gt;&lt;p&gt;由于是月抛机器，线路变动会比较大，实际购买时可能与上图中的完全不同。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;购买方式&lt;a href=&quot;#购买方式&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://xn--4gq62f52gdss.ink/#/register?code=8XvQmd6i&quot; target=&quot;_blank&quot;&gt;点此去购买&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>使用Aplayer+Meting Api为你的博客文章内加入音乐播放器</title><link>https://blog.90svip.cn/posts/post-93/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-93/</guid><description>前言 因为我经常喜欢在博客里分享音乐，所以我也在找可以插入文章的音乐播放器，但是一直没找到，所以只能自己想办法琢磨了，最后的解决办法就是今天这篇文章。 效果演示 Meting.js 介绍 Meting.js 依赖 APlayer.js，扩展了 APlayer.js 的功能，能够使 APlayer.js 加载网易云音乐、QQ 音乐、虾米音乐中的歌单。 实现方法...</description><pubDate>Tue, 10 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;前言&lt;a href=&quot;#前言&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;因为我经常喜欢在博客里分享音乐，所以我也在找可以插入文章的音乐播放器，但是一直没找到，所以只能自己想办法琢磨了，最后的解决办法就是今天这篇文章。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;效果演示&lt;a href=&quot;#效果演示&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Meting.js 介绍&lt;a href=&quot;#metingjs-介绍&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Meting.js 依赖 APlayer.js，扩展了 APlayer.js 的功能，能够使 APlayer.js 加载网易云音乐、QQ 音乐、虾米音乐中的歌单。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实现方法&lt;a href=&quot;#实现方法&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;我自己用的是子比主题，所以就按照子比主题来写了，其他主题类似！&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;后台自定义代码内引入这几个js和css&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;!-- require APlayer --&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;https:///APlayer.min.css&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;script src=&quot;https:///APlayer.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;!-- require MetingJS --&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;script src=&quot;https:///Meting.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;2.在需要的位置插入如下代码即可&lt;/p&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;meting-js&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;server=&quot;netease&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;type=&quot;playlist&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;id=&quot;60198&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/meting-js&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;这个样子就好了！是不是特别简单！&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>【音乐分享】陈一发儿 - 童话镇</title><link>https://blog.90svip.cn/posts/post-48/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-48/</guid><description>歌曲试听 歌词赏析 听说白雪公主在逃跑 小红帽在担心大灰狼 听说疯帽喜欢爱丽丝 丑小鸭会变成白天鹅 听说彼得潘总长不大 杰克他有竖琴和魔法 听说森林里有糖果屋 灰姑娘丢了心爱的玻璃鞋 只有睿智的河水知道 白雪是因为贪玩跑出了城堡 小红帽有件抑制自己 变成狼的大红袍 总有一条蜿蜒在童话镇里七彩的河 沾染魔法的乖张气息 却又在爱里曲折 川流不息扬起水花 又卷入一帘时光入水 让所有很久很久以前...</description><pubDate>Sat, 07 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;歌曲试听&lt;a href=&quot;#歌曲试听&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;歌词赏析&lt;a href=&quot;#歌词赏析&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;听说白雪公主在逃跑&lt;/p&gt;&lt;p&gt;小红帽在担心大灰狼&lt;/p&gt;&lt;p&gt;听说疯帽喜欢爱丽丝&lt;/p&gt;&lt;p&gt;丑小鸭会变成白天鹅&lt;/p&gt;&lt;p&gt;听说彼得潘总长不大&lt;/p&gt;&lt;p&gt;杰克他有竖琴和魔法&lt;/p&gt;&lt;p&gt;听说森林里有糖果屋&lt;/p&gt;&lt;p&gt;灰姑娘丢了心爱的玻璃鞋&lt;/p&gt;&lt;p&gt;只有睿智的河水知道&lt;/p&gt;&lt;p&gt;白雪是因为贪玩跑出了城堡&lt;/p&gt;&lt;p&gt;小红帽有件抑制自己&lt;/p&gt;&lt;p&gt;变成狼的大红袍&lt;/p&gt;&lt;p&gt;总有一条蜿蜒在童话镇里七彩的河&lt;/p&gt;&lt;p&gt;沾染魔法的乖张气息&lt;/p&gt;&lt;p&gt;却又在爱里曲折&lt;/p&gt;&lt;p&gt;川流不息扬起水花&lt;/p&gt;&lt;p&gt;又卷入一帘时光入水&lt;/p&gt;&lt;p&gt;让所有很久很久以前&lt;/p&gt;&lt;p&gt;都走到幸福结局的时刻&lt;/p&gt;&lt;p&gt;听说睡美人被埋藏&lt;/p&gt;&lt;p&gt;小人鱼在眺望金殿堂&lt;/p&gt;&lt;p&gt;听说阿波罗变成金乌&lt;/p&gt;&lt;p&gt;草原有奔跑的剑齿虎&lt;/p&gt;&lt;p&gt;听说匹诺曹总说着谎&lt;/p&gt;&lt;p&gt;侏儒怪拥有宝石满箱&lt;/p&gt;&lt;p&gt;听说悬崖有棵长生树&lt;/p&gt;&lt;p&gt;红鞋子不知疲倦地在跳舞&lt;/p&gt;&lt;p&gt;只有睿智的河水知道&lt;/p&gt;&lt;p&gt;睡美人逃避了生活的煎熬&lt;/p&gt;&lt;p&gt;小人鱼把阳光抹成眼影&lt;/p&gt;&lt;p&gt;投进泡沫的怀抱&lt;/p&gt;&lt;p&gt;总有一条蜿蜒在童话镇里七彩的河&lt;/p&gt;&lt;p&gt;沾染魔法的乖张气息&lt;/p&gt;&lt;p&gt;却又在爱里曲折&lt;/p&gt;&lt;p&gt;川流不息扬起水花&lt;/p&gt;&lt;p&gt;又卷入一帘时光入水&lt;/p&gt;&lt;p&gt;让所有很久很久以前&lt;/p&gt;&lt;p&gt;都走到幸福结局的时刻&lt;/p&gt;&lt;p&gt;总有一条蜿蜒在童话镇里梦幻的河&lt;/p&gt;&lt;p&gt;分隔了理想分隔现实&lt;/p&gt;&lt;p&gt;又在前方的山口汇合&lt;/p&gt;&lt;p&gt;川流不息扬起水花&lt;/p&gt;&lt;p&gt;又卷入一帘时光入水&lt;/p&gt;&lt;p&gt;让所有很久很久以前&lt;/p&gt;&lt;p&gt;都走到幸福结局的时刻 又陌生&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>自媒体博客Spimes主题 X7.5</title><link>https://blog.90svip.cn/posts/post-65/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-65/</guid><description>主题介绍 Spimes主题专为博客、自媒体、资讯类的网站设计开发，自适应兼容手机、平板设备。一款简约新闻自媒体类的 typecho 主题，设计上简约、干净、精致、响应式，后台设置更是强大而且实用的新闻自媒体类主题。...</description><pubDate>Sat, 07 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;主题介绍&lt;a href=&quot;#主题介绍&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Spimes主题专为博客、自媒体、资讯类的网站设计开发，自适应兼容手机、平板设备。一款简约新闻自媒体类的 typecho 主题，设计上简约、干净、精致、响应式，后台设置更是强大而且实用的新闻自媒体类主题。&lt;/p&gt;&lt;p&gt;已经更新到7.2，删减了大部分主题功能（主要是一些不常用的功能，鸡肋的功能），优化了头像设置，不使用qq头像，但是处于考虑，只允许默认头像来选择，添加了AI生文功能（chatgpt+百度文心一言），添加了AI客服功能（只限Gpt），AI客服功能具体怎么用，可在插件配置里面进行简单训练，功能集中在插件里面，后续更新也是围绕ai方面……&lt;/p&gt;&lt;p&gt;新版本发布，启用主题后，点击面板小灯泡logo主题检测按钮，进行主题配置修复！！！！&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;前端功能&lt;a href=&quot;#前端功能&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;响应式设计，兼容手机和平板等移动设备;&lt;/li&gt;
&lt;li&gt;多样化的用户等级成长标志&lt;/li&gt;
&lt;li&gt;页面风格的多种切换，配置&lt;/li&gt;
&lt;li&gt;支持白天夜间模式切换，前台控制;&lt;/li&gt;
&lt;li&gt;高级菜单功能;&lt;/li&gt;
&lt;li&gt;文章分享、阅读模式功能;&lt;/li&gt;
&lt;li&gt;新主题内置HTML5视频播放器，可支持HLS协议M3U8格式;&lt;/li&gt;
&lt;li&gt;HTTPS优化，全面支持HTTPS网站;&lt;/li&gt;
&lt;li&gt;部分导航pjax&lt;/li&gt;
&lt;li&gt;主题添加了OWO表情，方便用户自定义添加表情包&lt;/li&gt;
&lt;li&gt;多种广告位添加&lt;/li&gt;
&lt;li&gt;强大的SEO优化效果，栏目自定义标题，文章内链，关键字的规划，配合熊掌号，优化效果很显著&lt;/li&gt;
&lt;li&gt;文章列表，单图or大图or多图样式，网站风格多样化&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;后台功能&lt;a href=&quot;#后台功能&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;常规设置&lt;/li&gt;
&lt;li&gt;首页设置&lt;/li&gt;
&lt;li&gt;广告设置&lt;/li&gt;
&lt;li&gt;风格样式&lt;/li&gt;
&lt;li&gt;边栏设置&lt;/li&gt;
&lt;li&gt;页脚显示&lt;/li&gt;
&lt;li&gt;移动设置&lt;/li&gt;
&lt;li&gt;SEO配置&lt;/li&gt;
&lt;li&gt;优化加速&lt;/li&gt;
&lt;li&gt;播放器设置&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;更新日志&lt;a href=&quot;#更新日志&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;&lt;strong&gt;起于 2021年 - 今&lt;/strong&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2021.1.13 版本x4.4。&lt;/strong&gt;（2021.1.18已修复部分问题）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2021.3.13 版本x4.5。&lt;/strong&gt;（修复部分细节的问题和网站色调调整）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2021.5.14 版本x4.6。&lt;/strong&gt;（重置后台风格样式，借鉴joe主题切换后台，全站图片CDN加速+第三方图片优化，整体加快了80%访问速度，修复个人投稿发布的部分出错问题，完善作者卡片的错误问题，添加文章头图功能，优化整站风格调整问题）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2021.9.16 版本x4.7。&lt;/strong&gt;（功能没有很大改动，优化会员部分功能代码，减少插件本身的多余功能，优化会员发布投稿的判断机制，给主题面板添加了设置提醒）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2021.12.4 版本x4.8。&lt;/strong&gt;（精简主题功能，优化主题后台面板，优化主题多处细节样式和代码，优化会员功能和部分操作异常情况）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2022.3.14 版本x4.9。&lt;/strong&gt;（修复部分用户提出的bug问题，优化后台主题代码……重改前端部分展示样式）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2022.6.4 版本x5.0。&lt;/strong&gt;（适配typecho1.2版本，添加多个栏目模板，增加栏目可选模板，可选图标功能，优化主题SEO功能，优化主题图标icon,修复主题bug功能，添加内容专题功能……，修复了邮箱找回密码出现php版本错误提示兼容问题）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2023.1.18 版本x6.0。&lt;/strong&gt;（适配typecho1.2版本，修复部分不合理的设置和代码bug，全新重做了整合了其他编辑器，从而导致短代码和样式的大幅度改动，可能对之前的老用户不太优化，之前老用户不推荐更新哦，其他功能均保持不变）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2023.5.25 版本x6.0。&lt;/strong&gt;（优化了图片生成功能，如果之前用其他主题，或者封面没有设置的话，可在外观一键渲染，自动匹配文章的图片到封面设置，优化部分bug错误，和会员页面部分bug错误）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2024.2.6 版本x7.0。&lt;/strong&gt;（删减大部分不常用的功能，尽量轻简优化主题，修改了头像功能，不在使用qq头像，添加了ai生文功能，比如chatgpt，百度文心一言，ai客服功能）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2024.2.6 版本x7.1。&lt;/strong&gt; 修复部分错误功能，优化aijs错误问题&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2024.10.5 版本x7.5。&lt;/strong&gt; 修复部分错误功能，优化aijs错误问题,添加了AI总结，AI智能等细节功能&lt;/p&gt;&lt;section&gt;&lt;h4&gt;细节页面外观优化&lt;a href=&quot;#细节页面外观优化&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;优化美化部分主题细节地方，填补一些之前遗漏的主题bug，这种更新，每一次都会有的，总会有一些之前没有发现，没有注意到的地方，请多多海涵&lt;/p&gt;&lt;p&gt;搜索框推荐窗口改为文章推荐和历史记录，美化个人主页，添加文章内容标签+分享横幅bar条，添加移动手机版的登录入口，修复一些错误的js代码bug，批量附件插入，自动匹配插入标签，后台控制开关导航面板，新增登录才能评论功能，个人主页（个人资料设置），用户前端投稿功能+前端编辑+前端删除&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;strong&gt;最初的&lt;/strong&gt;&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;2019.12.16 修复底部菜单边距，添加右边栏目三个广告位,修复logo文字形式的黑夜白天切换出错问题&lt;/li&gt;
&lt;li&gt;2019.12.23 添加留言表单页面&lt;/li&gt;
&lt;li&gt;2019.12.27 调整一下导航的样式，修复一下搜索和边栏js冲突，修复一些js前端bug&lt;/li&gt;
&lt;li&gt;2019.12.29 修复个人主页头像资料不显示，添加移动端文章过长会显示“阅读全文”功能，优化一些界面样式&lt;/li&gt;
&lt;li&gt;2020.1.04 增加关闭评论，站点导航，修复样式bug问题,添加图文栏目&lt;/li&gt;
&lt;li&gt;2020.1.12 版本V1.5。增加编辑器回复可见，高亮信息，插入文章，修复边栏滚动回弹问题，后台控制手机端阅读全文，添加手机端底部菜单的自定义功能……&lt;/li&gt;
&lt;li&gt;2020.1.29 版本V1.6。修复php以上一些语法错误警告，以及后台的多处细节上的优化……&lt;/li&gt;
&lt;li&gt;2020.2.27 版本V2.0。前端多处细节上的优化…… 添加扩展看点内容，由列表前端页面展示，添加弹幕播放器，需要弹幕入库设置，可后台选择是否开启,添加文章优化SEO的设置，更为人性化的网站优化处理，修复一些js，css的错误问题……&lt;/li&gt;
&lt;li&gt;2020.3.22 版本V2.1。完善发布界面的tag标签功能，网站导航的人性化设置（设置图标，控制显示栏目），首页幻灯片下方的多图展示，以及文章缩略图（针对部分用户没有使用主题前的缩略图显示）以及多处细节上的优化……&lt;/li&gt;
&lt;li&gt;2020.4.28 版本V2.2。修复留言板的安全过滤问题，修复文章页文字排版问题（h2,h3,h4,h5,em）,添加列表滑动，修复边栏滚动js错误问题，添加UserAgent(UA)评论显示，添加jQuery滚动视频悬浮&lt;/li&gt;
&lt;li&gt;2020.5.17 版本V2.3。修复sql5.7+版本不能使用，整理多余繁琐代码，添加友情链接页面展示…，添加懒加载优化功能……&lt;/li&gt;
&lt;li&gt;2020.5.24 版本V2.4。重做边栏下滑滚动的js,修复一部分懒加载问题，添加了边栏热评文章的头像显示,列表推荐后台设置改为默认显示30天热门文章……整理多余繁琐代码&lt;/li&gt;
&lt;li&gt;2020.6.16 版本V2.5。优化一下头部导航，把logo放在顶部，优化懒加载代码设置，优化后台新手小白填写提示，优化栏目页面和底部推荐栏目的样式代码，重构cdn代码域名判断函数等等……&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;ul&gt;
&lt;li&gt;2020.7.16 版本x3。全面建立txt缓存机制，减少数据库查询读取压力，重构后台功能,优化前端页面展示&lt;/li&gt;
&lt;li&gt;2020.8.30 版本x4。整合仿Bibi233娘播放器，可设置播放广告和自定义播放配置，添加文章点赞功能和点赞排行榜，引入instantpage预加载页面,提升点击网页速度，添加生成地图sitemap.xml生成&lt;/li&gt;
&lt;li&gt;2020.9.22 版本x4.1。后台添加一键更新缓存，优化部分缓存代码，优化主题后台提示功能&lt;/li&gt;
&lt;li&gt;2020.10.15 版本x4.2。去除主题播放器，完善弹幕播放器，加入第三方b站，腾讯，优酷等第三方播放器分享功能，添加广告图片小图标tip，修复了一些小问题&lt;/li&gt;
&lt;li&gt;2020.11.12 版本x4.3。修复黑夜白天关闭失效问题，修复二次评论错误，修复留言板字数不全问题，添加搜索推荐窗口，增加可选字体切换，修复部分主题错误问题&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>子比美化 - 文章缩略图鼠标悬停自定义图片</title><link>https://blog.90svip.cn/posts/post-74/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-74/</guid><description>效果展示 设置教程 进入子比主题设置，找到“自定义代码”部分，再找到“自定义 CSS 样式”区域。 将以下代码复制并粘贴到自定义 CSS 样式区域中。这段代码将为你的特色图片添加一个模糊的蒙版效果，并在鼠标悬停时显示一张小图标。 [hidecontent type=&quot;reply&quot;] /*文章缩略图悬停样式*/ .item-thumbnail {position:...</description><pubDate>Sat, 07 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;效果展示&lt;a href=&quot;#效果展示&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;设置教程&lt;a href=&quot;#设置教程&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;进入子比主题设置，找到“自定义代码”部分，再找到“自定义 CSS 样式”区域。&lt;/li&gt;
&lt;li&gt;将以下代码复制并粘贴到自定义 CSS 样式区域中。这段代码将为你的特色图片添加一个模糊的蒙版效果，并在鼠标悬停时显示一张小图标。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;[hidecontent type=“reply”]&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/*文章缩略图悬停样式*/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.item-thumbnail {position: relative;overflow: hidden;transform: translateZ(0);}.item-thumbnail:before {content: &apos;&apos;;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);transition: all 0.4s cubic-bezier(0.4,0,0.2,1);border-radius: 12px;z-index: 2;max-width: 765px;margin: 0 auto;pointer-events: none;box-shadow: 0 0 0 rgba(0,0,0,0);}.item-thumbnail:after {pointer-events: none;content: &apos;&apos;;position: absolute;top: 50%;left: 50%;width: 56px;height: 56px;margin: -28px 0 0 -28px;background: url(https://www.90svip.cn/logo.png) center/contain no-repeat;z-index: 3;transform: scale(1.8) rotate(15deg);transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);opacity: 0;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2));}.item-thumbnail:hover:before {background: rgba(0,0,0,0.6);box-shadow: 0 8px 24px rgba(0,0,0,0.15);border-radius: 16px;}.item-thumbnail:hover:after {transform: scale(1) rotate(0deg);opacity: 1;filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;[/hidecontent]&lt;/p&gt;&lt;p&gt;替换&lt;a href=&quot;https://www.90svip.cn/logo.png&quot; target=&quot;_blank&quot;&gt;https://www.90svip.cn/logo.png&lt;/a&gt; 为你自定义的图片链接即可。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>子比美化 - 另类方法实现首页底部添加友情链接</title><link>https://blog.90svip.cn/posts/post-29/</link><guid isPermaLink="true">https://blog.90svip.cn/posts/post-29/</guid><description>前言 子比主题首页底部没有什么可以直接显示友链接的地方，所以找了下别人的方法，借鉴实现了。 效果展示 实现方法 后台选择外观-小工具-zibll链接列表（新版）放到首页-底部全宽度，然后根据我的设置修改保存即可。 我使用的是图文模式，可以显示你设置的网站图标，根据自己的情况可以选择极简模式等，效果可以自己看。</description><pubDate>Thu, 05 Jun 2025 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;前言&lt;a href=&quot;#前言&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;子比主题首页底部没有什么可以直接显示友链接的地方，所以找了下别人的方法，借鉴实现了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;效果展示&lt;a href=&quot;#效果展示&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实现方法&lt;a href=&quot;#实现方法&quot;&gt;&lt;span&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;后台选择外观-小工具-zibll链接列表（新版）放到首页-底部全宽度，然后根据我的设置修改保存即可。&lt;/p&gt;&lt;p&gt;我使用的是图文模式，可以显示你设置的网站图标，根据自己的情况可以选择极简模式等，效果可以自己看。&lt;/p&gt;&lt;/section&gt;</content:encoded></item></channel></rss>