<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Home on Demius</title>
    <link>https://blog.demius.tech/</link>
    <description>Recent content in Home on Demius</description>
    <generator>Hugo</generator>
    <language>zh-CN</language>
    <copyright>Copyright © 2024-2026 Demius</copyright>
    <lastBuildDate>Fri, 31 Jul 2026 00:00:00 +0800</lastBuildDate>
    <atom:link href="https://blog.demius.tech/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>粉丝专属福利｜¥3/月拿下 CN2 GIA 线路云服务器</title>
      <link>https://blog.demius.tech/posts/6mr33r6u.html/</link>
      <pubDate>Thu, 30 Jul 2026 23:59:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/6mr33r6u.html/</guid>
      <description>&lt;p&gt;刚发现这家云商在内测放券，两个券都帮你们实测过了，直接说结论：精品区 2C2G CN2 GIA 线路首月可以做到 ¥3，长期循环 6 折约 ¥18/月。&lt;/p&gt;&#xA;&lt;h2 id=&#34;优惠信息&#34;&gt;优惠信息&lt;/h2&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;优惠券&lt;/th&gt;&#xA;          &lt;th&gt;价格&lt;/th&gt;&#xA;          &lt;th&gt;说明&lt;/th&gt;&#xA;          &lt;th&gt;有效期&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;1 折券&lt;/td&gt;&#xA;          &lt;td&gt;首月 ¥3&lt;/td&gt;&#xA;          &lt;td&gt;精品区 2C2G 原价 ¥30/月，首月封顶减 ¥30，适合先体验顶配线路&lt;/td&gt;&#xA;          &lt;td&gt;2026-08-03&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;6 折券&lt;/td&gt;&#xA;          &lt;td&gt;长期 ¥18/月&lt;/td&gt;&#xA;          &lt;td&gt;循环价，续费不涨价，长期持有更划算，限领 1 台&lt;/td&gt;&#xA;          &lt;td&gt;2026-08-02&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;8 折券&lt;/td&gt;&#xA;          &lt;td&gt;长期 ¥8.8/月&lt;/td&gt;&#xA;          &lt;td&gt;循环价，续费不涨价，长期持有更划算，限领 1 台&lt;/td&gt;&#xA;          &lt;td&gt;2026-07-31&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;h2 id=&#34;机型怎么选&#34;&gt;机型怎么选&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;回国要快、晚高峰要稳：选「精品区」，电信 CN2 / 联通 9929 / 移动 CMIN2。&lt;/li&gt;&#xA;&lt;li&gt;带宽要大、性价比优先：选「优化大带宽」，三网 4837，上行 20Mbps。&lt;/li&gt;&#xA;&lt;li&gt;纯海外业务、大流量：选「国际大带宽」，500Mbps 对称，送 1000GB 流量。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;领取方式&#34;&gt;领取方式&lt;/h2&gt;&#xA;&lt;p&gt;领券路径：控制台 → 优惠券 → 可领取。&lt;/p&gt;&#xA;&lt;p&gt;我先冲了，你们跟上。注册后直接领取优惠卷，时间有限，优惠券优先，先到先得。&lt;/p&gt;&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://lfyun.cn/console/#/user/register?invite=JELRZ2E3&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;内测优惠入口&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;</description>
    </item>
    <item>
      <title>薅到了！一个不关机、不限时的免费2核4G云服务器，一个账号领2台</title>
      <link>https://blog.demius.tech/posts/yw82ft2f.html/</link>
      <pubDate>Tue, 14 Jul 2026 22:47:28 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/yw82ft2f.html/</guid>
      <description>&lt;p&gt;简单分享一个最近看到的免费算力福利：Bohrium 玻尔国际站，新用户可以领取免费 2 核 4G 的 Linux 节点，一个账号最多能开 2 台。&lt;/p&gt;&#xA;&lt;p&gt;先说明一下：这不是广告，我也没有返利、邀请奖励或者任何好处。只是觉得对想练 Linux、跑脚本、临时测试项目的人比较实用，所以顺手推荐一下。&lt;/p&gt;&#xA;&lt;p&gt;领取地址：&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.bohrium.com/en&#34;&gt;https://www.bohrium.com/en&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;注意一定要进带 &lt;code&gt;/en&lt;/code&gt; 的国际站。登录后创建节点，机型选择 &lt;code&gt;c2_m4_cpu&lt;/code&gt;，如果账号符合活动条件，页面会显示赠送额度内免费使用。&lt;/p&gt;&#xA;&lt;p&gt;这个免费节点适合做这些事：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;练习 Linux 命令&lt;/li&gt;&#xA;&lt;li&gt;临时跑 Python、Node.js 脚本&lt;/li&gt;&#xA;&lt;li&gt;测试小项目&lt;/li&gt;&#xA;&lt;li&gt;搭一个短期开发环境&lt;/li&gt;&#xA;&lt;li&gt;做轻量数据处理&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;它不适合拿来当正式服务器用。毕竟这是科研算力容器，不是商用 VPS，权限、网络、稳定性和长期在线能力都不能按正式云服务器期待。重要数据也不要只放在节点里，避免节点回收或策略变化导致丢失。&lt;/p&gt;&#xA;&lt;p&gt;另外，免费政策随时可能调整，额度用完也可能产生费用，使用前最好自己看一下页面提示和平台规则。&lt;/p&gt;&#xA;&lt;p&gt;总之，如果你只是想零成本体验一台 Linux 环境，或者临时需要一台 2 核 4G 的机器跑点小东西，可以试试。纯福利分享，能用就薅，不能用也别强求。&lt;/p&gt;</description>
    </item>
    <item>
      <title>Demigod主题，一款沉浸式视觉体验Astro主题</title>
      <link>https://blog.demius.tech/posts/yxoe8h6q.html/</link>
      <pubDate>Tue, 14 Jul 2026 22:39:13 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/yxoe8h6q.html/</guid>
      <description>&lt;h2 id=&#34;demigod主题&#34;&gt;Demigod主题&lt;/h2&gt;&#xA;&lt;p&gt;最近听歌的过程中看到了很多界面和项目，然后呢发现了很多好看的壁纸都是动图，萌生了重写一个Astro主题的想法，开始执行。&lt;/p&gt;&#xA;&lt;p&gt;初版很快，略微麻烦点的就是细节调整了，这个沉浸式主题支持视频哦，主打一个风格自由，全程单页风格保持，不像以前的主题一样都是变换页面，不多说来看实际截图吧！&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://cfbed.demius.tech/file/blog/1784038267483_1.png&#34; alt=&#34;1.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;上线部署了：&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://demigod.demius.tech/&#34;&gt;https://demigod.demius.tech/&lt;/a&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>腾讯eo免费版领取</title>
      <link>https://blog.demius.tech/posts/6fdk0b4s.html/</link>
      <pubDate>Fri, 03 Jul 2026 17:55:09 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/6fdk0b4s.html/</guid>
      <description>&lt;p&gt;腾讯eo免费版可以再领三个，依次下单&#xA;&lt;a href=&#34;https://cloud.tencent.com/act/pro/eo-freeplan&#34;&gt;https://cloud.tencent.com/act/pro/eo-freeplan&lt;/a&gt;&#xA;&lt;a href=&#34;https://cloud.tencent.com/act/pro/eofreeplan-baota&#34;&gt;https://cloud.tencent.com/act/pro/eofreeplan-baota&lt;/a&gt;&#xA;&lt;a href=&#34;https://cloud.tencent.com/act/pro/edgeone_anniversary&#34;&gt;https://cloud.tencent.com/act/pro/edgeone_anniversary&lt;/a&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>在AI随手可问的时代，博客站的走向应该如何？</title>
      <link>https://blog.demius.tech/posts/sqj8nzen.html/</link>
      <pubDate>Fri, 19 Jun 2026 23:30:20 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/sqj8nzen.html/</guid>
      <description>&lt;h2 id=&#34;ai的贴身护航&#34;&gt;AI的贴身护航&lt;/h2&gt;&#xA;&lt;p&gt;现在AI的发展每天一个样，样样不重复，越来越快，以前大家碰见搞不懂的问题第一时间就是找教程，翻翻大佬的博客文章看看有没有人踩过坑找找灵感什么的，现在呢，不懂的直接问AI，一篇详细的教程文章就在几秒钟之内出来了，有详情有配图，看不懂的还可以继续问，随时解读，谁还去找博客看文章呢？人力有时穷，怎么打的过机械脑子就是很多博客需要考虑的一点点了。&lt;/p&gt;&#xA;&lt;h2 id=&#34;方向&#34;&gt;方向&lt;/h2&gt;&#xA;&lt;p&gt;AI可以给我们解答问题，但是有一点目前还是代替不了的，无法解读走过的经验，踩过的坑，它现在还只是它，不是他或她，文章内容需要转变，但是要真写多少专业的有经验的东西，其实对大部分人来说都很难，时间，语言组织等等，包括有时候需要答疑毕竟不是谁都能看得懂。&lt;/p&gt;&#xA;&lt;h2 id=&#34;寻找方向&#34;&gt;寻找方向&lt;/h2&gt;&#xA;&lt;p&gt;想了很久久，觉得闭门造车不实际，想大家探讨一下，在此发出征集，如果你的博客是自己开发的，或者魔改的，同时对于博客未来的方向感到一点点相似的迷茫，可以来共同交流一下，未来已来，希望大家都可以跟上。&lt;/p&gt;&#xA;&lt;p&gt;QQ群：984571530&lt;/p&gt;</description>
    </item>
    <item>
      <title>Astro半神主题</title>
      <link>https://blog.demius.tech/posts/9aebhpog.html/</link>
      <pubDate>Wed, 10 Jun 2026 21:09:19 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/9aebhpog.html/</guid>
      <description>&lt;h2 id=&#34;基于astro的半神主题&#34;&gt;基于Astro的半神主题&lt;/h2&gt;&#xA;&lt;p&gt;现在有大模型的相助，真的开发一款新主题太容易了，不管什么框架，不管什么功能，那真的是一顿饭的功夫就基本完工了，对于熟悉的人来说很多东西都是复刻一遍，以前是自己一个个字母敲打，了不起CV大法已经很快了速度，但是现在和AI一比那真的是拍马也赶不上，做好计划，心中有想法，就让AI帮你实现，细节微调，功能实际测试看看，不满意再改，关键是任劳任怨的，这样的帮手真是如虎添翼，突然觉得吧，以后不管是博客站点还是什么其他站点，都需要细细思考一下未来的方向了&lt;/p&gt;&#xA;&lt;p&gt;一下是新主题的几张截图，总的来说功能没什么出奇的，打算用来做工具站，分享一些实用的工具，要想不被淘汰，真得掏出来大砍刀改改了哇！&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://cfbed.demius.tech/file/blog/1781365864587_1.png&#34; alt=&#34;1.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://cfbed.demius.tech/file/blog/1781365882363_3.png&#34; alt=&#34;3.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;目前实用的基于Hugo开发的demius主题已经重构，三栏改成了两栏，更清爽一些，很多功能也删减了，越改越觉得花里胡哨的东西没啥意思，好看也就一时，还是要回归内容，本来博客的分享是有很多教程可以的，但是现在还不如直接问豆包，元宝啥的，教程写的没有什么意思，导致现在很多人的博客基本上就停留在建站之初，谁有那么多闲情逸致更新文章呢。&lt;/p&gt;&#xA;&lt;p&gt;本想将半神主题也开源的，略微想了下，意义不大，重要的是学会拥抱新时代，现在不是造轮子的时代了，是准备基于轮子造新车，造宇宙飞船的时代了，比两千年更激情的时代已经有望看到了。&lt;/p&gt;&#xA;&lt;p&gt;加油吧，各位。&lt;/p&gt;</description>
    </item>
    <item>
      <title>家庭服务器网络系统</title>
      <link>https://blog.demius.tech/posts/ty0k4ywh.html/</link>
      <pubDate>Sat, 11 Apr 2026 21:52:54 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/ty0k4ywh.html/</guid>
      <description>&lt;p&gt;用老旧笔记本改NAS成功后，在各种方面发现了很多隐患。&lt;/p&gt;&#xA;&lt;p&gt;1、待机问题，得益于笔记本自带电池，会在断电的情况下仍旧可以保持NAS不断线，但是反过来说，由于需要7*24小时的不间断运行，会增加电池鼓包的风险。&lt;/p&gt;&#xA;&lt;p&gt;2、屏幕息屏问题，由于这台笔记本算是白牌厂家生产，算是三无产品，升级Blos怕砖，不升级真的弄脚本息屏都不行，只能每次开机后执行一次命令行息屏，不然一直亮着屏幕费电不说散热也不好。&lt;/p&gt;&#xA;&lt;p&gt;3、内存问题，刚刚安装飞牛系统前还暗自欣喜，这老家伙厉害了，16G的内存，那不是随便玩了，结果装好后只能看到一半内存，我特么瞎了它三娘舅舅的暗黑眼睛，明明都看到物理内存有16G，就只给用一半，能看不能吃，虽说也能用，但是到底是缺点什么，缺点什么呢？缺德吧你个良心大白牌子！&lt;/p&gt;&#xA;&lt;p&gt;4、还有很多问题&amp;hellip;&lt;/p&gt;&#xA;&lt;p&gt;但是综上所有问题就一个，其实是想重新组装一台NAS，但是手里的硬盘没几块，东拆洗凑也不过两三块1T的机械，但是作为NAS来用完全不够看的，去咸鱼逛了几圈，无语泪三行，到底什么时候表演空中飞人啊？？？！&lt;/p&gt;&#xA;&lt;p&gt;最后一个问题，晒晒你们的配置，好让我死心&lt;code&gt;*不！可！能！哒！*&lt;/code&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>老旧笔记本改飞牛NAS</title>
      <link>https://blog.demius.tech/posts/w4ygat5i.html/</link>
      <pubDate>Fri, 10 Apr 2026 00:25:39 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/w4ygat5i.html/</guid>
      <description>&lt;p&gt;最近收拾家里的闲置电子产品，真的，我发现我的乱七八糟的东西太多了，尤其是老旧的电子产品，你们说卖吧，真的不值钱了现在，烂大街的东西，当时买的时候都可贵，不卖吧，真就放在那里吃灰。&lt;/p&gt;&#xA;&lt;p&gt;很多朋友应该都有这些闲置的电子产品，分分类，把还可以用的看看能不能利用一下，就发现对象的这台小粉笔记本：&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://cfbed.demius.tech/file/blog/1775751800211_IMG_20260409_154116.jpg&#34; alt=&#34;IMG_20260409_154116.jpg&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;真的，看外观的话，果然就是女生用的，就一个粉色，拿手上的质感包括开合屏幕什么的，一言难尽，然后电源线接触还不好，嗯，总之在我眼里都是毛病^V^&lt;/p&gt;&#xA;&lt;p&gt;原来的系统卡的不行，给开个机都等的我心急，好在没什么重要的数据，直接重装算逑！重装后看了眼配置，如下：&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://cfbed.demius.tech/file/blog/1775751820786_%E7%B2%89%E8%89%B2%E7%AC%94%E8%AE%B0%E6%9C%AC.png&#34; alt=&#34;粉色笔记本.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;又是一眼难尽，问了一下原来购买的时候价格，2800，21年购买的，回想了下那时候的装机市场，只能感叹一句：还是好骗QAQ&lt;/p&gt;&#xA;&lt;p&gt;装机的过程中发现飞牛必须联网装机，然后吧，这笔记本竟然没有网口！谁家笔记本没有网口啊！&lt;/p&gt;&#xA;&lt;p&gt;得，手机USB共享网络安装后，再这样那样，那样这样倒腾一下安装好了：&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://cfbed.demius.tech/file/blog/1775751789319_%E9%A3%9E%E7%89%9B.png&#34; alt=&#34;飞牛.png&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;最最最让我无语的是，16G的内存，飞牛只识别出来了可用内存8G，也就是说还有一半的内存没有映射出来&amp;hellip;&lt;/p&gt;&#xA;&lt;p&gt;终端看了一圈，最终确定是Blos固件的问题，他娘的就是白牌厂家精简版的！！！&lt;/p&gt;&#xA;&lt;p&gt;最后感叹一句：钱，真好赚啊！找对人就行了！字面意义上的找对人。&lt;/p&gt;</description>
    </item>
    <item>
      <title>无限容量的开源免费图床部署方案</title>
      <link>https://blog.demius.tech/posts/pxvq22te.html/</link>
      <pubDate>Tue, 17 Mar 2026 03:25:26 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/pxvq22te.html/</guid>
      <description>&lt;h2 id=&#34;项目地址&#34;&gt;项目地址&lt;/h2&gt;&#xA;&lt;p&gt;废话不多说，先上项目地址：&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://github.com/MarSeventh/CloudFlare-ImgBed&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;基于 CloudFlare 的开源文件托管解决方案（图床/文件床/网盘）&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;配置、模板语法与部署指南&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;贴一下官方文档：&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://cfbed.sanyue.de/guide/introduction.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;CloudFlare ImgBed 官方文档&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;配置、模板语法与部署指南&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;h2 id=&#34;小坑&#34;&gt;小坑&lt;/h2&gt;&#xA;&lt;p&gt;不过过程按照文档来即可，这里说一下首次部署需要注意的事项，一点小坑罢了&lt;/p&gt;&#xA;&lt;p&gt;想了下，我可以看文档部署成功你们也可以的，毕竟文档还是蛮详细的，注意一下环境变量的问题即可如果使用TG部署的话&lt;/p&gt;</description>
    </item>
    <item>
      <title>碎碎念</title>
      <link>https://blog.demius.tech/posts/fri0kewz.html/</link>
      <pubDate>Thu, 12 Feb 2026 21:09:19 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/fri0kewz.html/</guid>
      <description>&lt;h2 id=&#34;碎碎念-碎碎念-岁岁平安&#34;&gt;碎碎念 碎碎念 岁岁平安&lt;/h2&gt;&#xA;&lt;p&gt;真的无语啦！这一个多月办了人生喜事，但是好久没碰电脑了，脑子瓦特啦！！&lt;/p&gt;&#xA;&lt;p&gt;什么都忘的一干二净，真空白，都不知道该写些什么，写的东西都忘了，我真服了我自己！可给我牛逼坏了！！&lt;/p&gt;</description>
    </item>
    <item>
      <title>文章链接卡片和跳转中转功能使用说明示例</title>
      <link>https://blog.demius.tech/posts/utvwcx0u.html/</link>
      <pubDate>Mon, 24 Nov 2025 10:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/utvwcx0u.html/</guid>
      <description>&lt;p&gt;本文整理了 Demius 主题中最常用的两个文章增强组件：内置的链接卡片短代码 &lt;code&gt;linkcard&lt;/code&gt;，以及外链跳转中转功能 &lt;code&gt;linkRedirect&lt;/code&gt;。照着示例复制即可快速开箱。&lt;/p&gt;&#xA;&lt;h2 id=&#34;链接卡片短代码linkcard&#34;&gt;链接卡片短代码（linkcard）&lt;/h2&gt;&#xA;&lt;p&gt;主题内置的链接卡片短代码是 &lt;code&gt;linkcard&lt;/code&gt;。开启方式如下：&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;在 &lt;code&gt;hugo.toml&lt;/code&gt; 中打开样式与默认配置：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#a6e22e&#34;&gt;params&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;linkCard&lt;/span&gt;]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;enable&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;defaultType&lt;/span&gt; = &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;auto&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;openInNewTab&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showArticleInfo&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showArticleDate&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showArticleSummary&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showUrl&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;在 Markdown 中直接引用短代码，内部链接会自动读取文章的标题、摘要与日期：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;{{&lt;/span&gt;&amp;lt; linkcard url&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;/posts/helloworld/&amp;#34;&lt;/span&gt; &amp;gt;&lt;span style=&#34;color:#f92672&#34;&gt;}}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&#xD;&#xA;   &#xD;&#xA;   &lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;     &lt;a class=&#34;link-card-internal&#34; href=&#34;https://blog.demius.tech/posts/helloworld/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;       &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;         &lt;i class=&#34;fas fa-link link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;         &lt;div class=&#34;link-card-title&#34;&gt;Hello World&lt;/div&gt;&#xD;&#xA;       &lt;/div&gt;&#xD;&#xA;         &lt;div class=&#34;link-card-date&#34;&gt;&#xD;&#xA;           &lt;i class=&#34;fas fa-calendar-alt&#34;&gt;&lt;/i&gt;&#xD;&#xA;           &lt;span&gt;2025-10-06&lt;/span&gt;&#xD;&#xA;         &lt;/div&gt;&#xD;&#xA;         &lt;div class=&#34;link-card-summary&#34;&gt;这是第一段&#xA;   背景 balabala&amp;hellip;&#xA;   步骤一 详细内容&amp;hellip;&#xA;   总结 收尾&#xA;   &lt;/div&gt;&lt;/a&gt;&#xD;&#xA;   &lt;/div&gt;&#xD;&#xA;   &#xD;&#xA;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;常用可选参数：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;code&gt;type&lt;/code&gt;: &lt;code&gt;auto&lt;/code&gt; / &lt;code&gt;internal&lt;/code&gt; / &lt;code&gt;external&lt;/code&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;code&gt;newtab&lt;/code&gt;, &lt;code&gt;showinfo&lt;/code&gt;, &lt;code&gt;showdate&lt;/code&gt;, &lt;code&gt;showsummary&lt;/code&gt;, &lt;code&gt;showurl&lt;/code&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;code&gt;title&lt;/code&gt;, &lt;code&gt;summary&lt;/code&gt;, &lt;code&gt;date&lt;/code&gt;, &lt;code&gt;ref&lt;/code&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;组合示例（自定义外链卡片）：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;{{&amp;lt; linkcard&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    url=&amp;#34;https://gohugo.io/documentation/&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    title=&amp;#34;Hugo 官方文档&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    summary=&amp;#34;配置、模板语法与部署指南&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    type=&amp;#34;external&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    showurl=&amp;#34;false&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;gt;}}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&#xD;&#xA;   &#xD;&#xA;   &lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;     &lt;a class=&#34;link-card-external&#34; href=&#34;https://gohugo.io/documentation/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;       &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;         &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;         &lt;div class=&#34;link-card-title&#34;&gt;Hugo 官方文档&lt;/div&gt;&#xD;&#xA;       &lt;/div&gt;&#xD;&#xA;         &lt;div class=&#34;link-card-summary&#34;&gt;配置、模板语法与部署指南&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;   &lt;/div&gt;&#xD;&#xA;   &#xD;&#xA;&#xA;&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;h2 id=&#34;外链跳转中转功能&#34;&gt;外链跳转中转功能&lt;/h2&gt;&#xA;&lt;p&gt;中转页面由 &lt;code&gt;content/go.md&lt;/code&gt;（&lt;code&gt;layout = &amp;quot;go&amp;quot;&lt;/code&gt;）和 &lt;code&gt;/themes/demius/layouts/go.html&lt;/code&gt; 驱动，前端脚本会自动把文章内容区域的外链改写为 &lt;code&gt;/go/?goUrl=...&lt;/code&gt;。使用流程：&lt;/p&gt;</description>
    </item>
    <item>
      <title>网友圈使用说明</title>
      <link>https://blog.demius.tech/posts/ysp1bzjj.html/</link>
      <pubDate>Sun, 23 Nov 2025 20:13:18 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/ysp1bzjj.html/</guid>
      <description>&lt;h2 id=&#34;网友圈使用说明&#34;&gt;网友圈使用说明&lt;/h2&gt;&#xA;&lt;p&gt;本主题使用网友圈功能定时拉取友链最新动态文章，并展示在网友圈页面，方便网友查看。&lt;/p&gt;&#xA;&lt;p&gt;是采用了定时拉取的方式运行脚本，这个脚本按照各自所需修改即可。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;脚本内容：&lt;/strong&gt; &lt;a class=&#34;shortcode-button shortcode-button-success shortcode-button-normal shortcode-button-outline&#34; href=&#34;https://www.123865.com/s/gLbuTd-tdk8v&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;span&gt;点击下载&lt;/span&gt;&#xA;  &lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;下载后放到自己站点根目录下运行即可，会自动在根目录下生成网友圈需要的json文件，对于需要及时更新网友圈动态的，建议使用AI修改一下脚本后放到自己的服务器或者Github上运行，定时拉取最新动态即可。&lt;/p&gt;</description>
    </item>
    <item>
      <title>主题页面实现来源说明</title>
      <link>https://blog.demius.tech/posts/h2i7ht7q.html/</link>
      <pubDate>Sat, 08 Nov 2025 21:33:29 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/h2i7ht7q.html/</guid>
      <description>&lt;h2 id=&#34;demius主题页面实现来源说明&#34;&gt;Demius主题页面实现来源说明&lt;/h2&gt;&#xA;&lt;p&gt;部分页面组件模式来源于文章分享，这里作一个说明&lt;/p&gt;&#xA;&lt;h3 id=&#34;说说和网友圈页面&#34;&gt;说说和网友圈页面&lt;/h3&gt;&#xA;&lt;p&gt;这个说说页面的实现方案来源于 liushen 的经验分享，稍作修改后适配了 Demius 主题，感谢作者的创意。&lt;/p&gt;&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://blog.liushen.fun/posts/8338183a/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;从 Memos 转移到 Moments&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;liushen 记录的说说/Moments 页面实现方案&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&#xD;&#xA;&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://blog.liushen.fun/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;@liushen 的博客&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;原作者主页，持续分享 Memos 与朋友圈技术&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&#xD;&#xA;&#xA;&lt;p&gt;网友圈页面的实现也是同样的思路，如果需要实时更新可以自行部署服务或通过 GitHub Actions 拉取数据。&lt;/p&gt;&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://blog.liushen.fun/posts/4dc716ec/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;Friend-Circle-Lite：轻量友链朋友圈&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;提供朋友圈订阅、数据抓取与展示的详细方案&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&#xD;&#xA;&#xA;&lt;h3 id=&#34;侧栏访客信息组件实现来源说明&#34;&gt;侧栏访客信息组件实现来源说明&lt;/h3&gt;&#xA;&lt;p&gt;这个组件是在梅莉博主的访客信息组件基础上稍作修改的，感谢作者的分享。&lt;/p&gt;&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://www.elysium-stack.cn/archives/theme-visitor-information&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;访客信息组件 · 梅莉博主&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;展示访客地区、IP、距离等信息的 Hugo 组件方案&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&#xD;&#xA;&#xA;&lt;h3 id=&#34;主页model2大图布局灵感实现来源说明&#34;&gt;主页model2大图布局灵感实现来源说明&lt;/h3&gt;&#xA;&lt;p&gt;这个大图模式是之前使用 Hexo Butterfly 主题时养成的习惯，因此在 Demius 中也做了复刻，感谢 Butterfly 作者的开源分享。&lt;/p&gt;&#xA;&#xD;&#xA;&#xD;&#xA;&lt;div class=&#34;link-card-container&#34; data-shortcode=&#34;linkcard&#34;&gt;&#xD;&#xA;  &lt;a class=&#34;link-card-external&#34; href=&#34;https://github.com/jerryc127/hexo-theme-butterfly&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xD;&#xA;    &lt;div class=&#34;link-card-header&#34;&gt;&#xD;&#xA;      &lt;i class=&#34;fas fa-external-link-alt link-card-icon&#34;&gt;&lt;/i&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-title&#34;&gt;Hexo Theme Butterfly&lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;      &lt;div class=&#34;link-card-summary&#34;&gt;Butterfly 主题仓库，是 Model2 大图布局的灵感来源&lt;/div&gt;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;</description>
    </item>
    <item>
      <title>按钮功能使用示例</title>
      <link>https://blog.demius.tech/posts/mu2r3s8h.html/</link>
      <pubDate>Tue, 04 Nov 2025 07:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/mu2r3s8h.html/</guid>
      <description>&lt;p&gt;本文演示 Demius 主题的按钮短代码功能，展示各种使用场景和配置选项。&lt;/p&gt;</description>
    </item>
    <item>
      <title>追番星球页面使用示例</title>
      <link>https://blog.demius.tech/posts/z4khql9d.html/</link>
      <pubDate>Sun, 02 Nov 2025 18:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/z4khql9d.html/</guid>
      <description>&lt;h2 id=&#34;-追番星球功能简介&#34;&gt;🎬 追番星球功能简介&lt;/h2&gt;&#xA;&lt;p&gt;Demius 主题的追番星球功能为您提供了一个优雅的追番追剧记录和展示方案。您可以轻松组织和展示来自B站或其他平台的番剧、动漫、影视作品的追番记录，支持想看、在看、看过三种状态分类，并可视化显示观看进度。&lt;/p&gt;&#xA;&lt;h3 id=&#34;主要特性&#34;&gt;主要特性&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;📊 &lt;strong&gt;三种状态分类&lt;/strong&gt;：想看、在看、看过&lt;/li&gt;&#xA;&lt;li&gt;🎯 &lt;strong&gt;详细信息展示&lt;/strong&gt;：番剧封面、标题、评分、进度等&lt;/li&gt;&#xA;&lt;li&gt;📈 &lt;strong&gt;进度可视化&lt;/strong&gt;：进度条显示观看进度&lt;/li&gt;&#xA;&lt;li&gt;🏷️ &lt;strong&gt;标签切换&lt;/strong&gt;：点击标签切换不同状态列表&lt;/li&gt;&#xA;&lt;li&gt;🖼️ &lt;strong&gt;封面展示&lt;/strong&gt;：高质量封面图片展示&lt;/li&gt;&#xA;&lt;li&gt;📱 &lt;strong&gt;响应式布局&lt;/strong&gt;：完美适配移动端&lt;/li&gt;&#xA;&lt;li&gt;🌙 &lt;strong&gt;暗色模式&lt;/strong&gt;：自动适配明暗主题&lt;/li&gt;&#xA;&lt;li&gt;📋 &lt;strong&gt;数据管理&lt;/strong&gt;：通过YAML文件管理数据&lt;/li&gt;&#xA;&lt;li&gt;🔗 &lt;strong&gt;链接跳转&lt;/strong&gt;：点击卡片可跳转到B站等平台&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-快速开始&#34;&gt;🚀 快速开始&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-创建追番星球页面&#34;&gt;1. 创建追番星球页面&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;content/&lt;/code&gt; 目录下创建 &lt;code&gt;bangumi-planet.md&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;追番星球&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;slug: bangumi-planet&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2025-10-31T12:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;lastmod: 2025-10-31T12:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;draft: false&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;type: bangumi-planet&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;layout: bangumi-planet&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;description: &amp;#34;我的追番追剧列表，记录看过的、在看的和想看的番剧/影视作品。&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## 追番星球&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;这里是我在B站追番追剧的记录，包括想看、在看和看过的作品。数据来源于B站个人追番列表。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;2-配置追番星球数据&#34;&gt;2. 配置追番星球数据&lt;/h3&gt;&#xA;&lt;p&gt;在项目根目录的 &lt;code&gt;data/&lt;/code&gt; 文件夹下创建 &lt;code&gt;bangumi-planet.yaml&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;bangumi&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;# 想看列表&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;wantWatch&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    - &lt;span style=&#34;color:#f92672&#34;&gt;title&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;鬼灭之刃&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;cover&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;/img/bangumi/鬼灭之刃.webp&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;score&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;9.5&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;totalCount&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;全12话&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;area&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;日本&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;type&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;番剧&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;des&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;这是一部非常有趣的番剧...&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;link&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://www.bilibili.com/bangumi/play/example&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#f92672&#34;&gt;progress&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;12/12&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;3-访问追番星球&#34;&gt;3. 访问追番星球&lt;/h3&gt;&#xA;&lt;p&gt;构建网站后，访问 &lt;code&gt;/bangumi-planet&lt;/code&gt; 路径即可查看您的追番星球页面。&lt;/p&gt;</description>
    </item>
    <item>
      <title>装备页面使用示例</title>
      <link>https://blog.demius.tech/posts/pzvbnv4t.html/</link>
      <pubDate>Sun, 02 Nov 2025 17:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/pzvbnv4t.html/</guid>
      <description>&lt;h2 id=&#34;-装备页面功能简介&#34;&gt;🎯 装备页面功能简介&lt;/h2&gt;&#xA;&lt;p&gt;Demius 主题的装备页面功能为您提供了一个优雅的装备展示和管理方案。通过分组管理和精美的卡片布局，您可以轻松地展示和推荐您使用的数码产品、办公外设、生活用品等各种装备，并支持多平台购买链接，方便访客购买。&lt;/p&gt;&#xA;&lt;h3 id=&#34;主要特性&#34;&gt;主要特性&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;📦 &lt;strong&gt;分组展示&lt;/strong&gt;：支持多个装备分组，灵活组织&lt;/li&gt;&#xA;&lt;li&gt;🖼️ &lt;strong&gt;图片展示&lt;/strong&gt;：大图展示装备外观，支持响应式布局&lt;/li&gt;&#xA;&lt;li&gt;📝 &lt;strong&gt;详细信息&lt;/strong&gt;：装备名称、描述、价格等信息展示&lt;/li&gt;&#xA;&lt;li&gt;🛒 &lt;strong&gt;购买链接&lt;/strong&gt;：支持多个电商平台购买链接，方便访客购买&lt;/li&gt;&#xA;&lt;li&gt;🎨 &lt;strong&gt;精美卡片&lt;/strong&gt;：现代化的卡片设计，视觉效果佳&lt;/li&gt;&#xA;&lt;li&gt;💰 &lt;strong&gt;价格标签&lt;/strong&gt;：价格标签显示在图片上，一目了然&lt;/li&gt;&#xA;&lt;li&gt;📱 &lt;strong&gt;响应式设计&lt;/strong&gt;：完美适配各种设备尺寸&lt;/li&gt;&#xA;&lt;li&gt;🌙 &lt;strong&gt;暗色模式&lt;/strong&gt;：自动适配明暗主题&lt;/li&gt;&#xA;&lt;li&gt;💬 &lt;strong&gt;评论系统&lt;/strong&gt;：集成 Artalk 评论系统&lt;/li&gt;&#xA;&lt;li&gt;📋 &lt;strong&gt;数据管理&lt;/strong&gt;：通过 YAML 文件管理数据&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-快速开始&#34;&gt;🚀 快速开始&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-创建装备页面&#34;&gt;1. 创建装备页面&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;content/&lt;/code&gt; 目录下创建 &lt;code&gt;gear.md&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;装备&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2025-10-23T12:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;type: &amp;#34;gear&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;layout: &amp;#34;gear&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;comments: true&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;这里展示我日常使用和推荐的各类装备，包括数码产品、办公外设等。&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;2-配置装备数据&#34;&gt;2. 配置装备数据&lt;/h3&gt;&#xA;&lt;p&gt;在项目根目录的 &lt;code&gt;data/&lt;/code&gt; 文件夹下创建 &lt;code&gt;gear.yaml&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;groups&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  - &lt;span style=&#34;color:#f92672&#34;&gt;name&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;数码装备&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;日常使用的数码产品&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;items&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      - &lt;span style=&#34;color:#f92672&#34;&gt;name&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;iPhone 15 Pro Max&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;image&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://example.com/iphone.jpg&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;A17 Pro 芯片，钛金属设计&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;price&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;¥9999&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;links&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          - &lt;span style=&#34;color:#f92672&#34;&gt;platform&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;京东&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;            &lt;span style=&#34;color:#f92672&#34;&gt;url&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://item.jd.com/xxx&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;            &lt;span style=&#34;color:#f92672&#34;&gt;icon&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;🛒&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;3-配置导航菜单可选&#34;&gt;3. 配置导航菜单（可选）&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;hugo.toml&lt;/code&gt; 文件中添加装备页面到导航菜单：&lt;/p&gt;</description>
    </item>
    <item>
      <title>支持清单页面使用示例</title>
      <link>https://blog.demius.tech/posts/o8oaqwug.html/</link>
      <pubDate>Sun, 02 Nov 2025 16:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/o8oaqwug.html/</guid>
      <description>&lt;h2 id=&#34;-支持清单功能简介&#34;&gt;💝 支持清单功能简介&lt;/h2&gt;&#xA;&lt;p&gt;Demius 主题的支持清单功能为您提供了一个优雅的支持者管理和展示方案。通过分组管理和等级系统，您可以轻松组织和展示支持您的朋友们的打赏记录，并显示统计信息，让支持者感受到您的感激之情。&lt;/p&gt;&#xA;&lt;h3 id=&#34;主要特性&#34;&gt;主要特性&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;📊 &lt;strong&gt;统计信息&lt;/strong&gt;：显示总打赏金额、支持人数、最后更新日期&lt;/li&gt;&#xA;&lt;li&gt;🏆 &lt;strong&gt;等级系统&lt;/strong&gt;：支持金牌、银牌、铜牌、普通四个等级&lt;/li&gt;&#xA;&lt;li&gt;📖 &lt;strong&gt;分组管理&lt;/strong&gt;：支持创建多个支持者分组（主题赞助者、内容创作支持、技术交流支持等）&lt;/li&gt;&#xA;&lt;li&gt;👤 &lt;strong&gt;详细信息&lt;/strong&gt;：支持者头像、名称、打赏金额、日期、留言&lt;/li&gt;&#xA;&lt;li&gt;🎨 &lt;strong&gt;等级徽章&lt;/strong&gt;：不同等级显示不同的徽章和边框颜色&lt;/li&gt;&#xA;&lt;li&gt;🖼️ &lt;strong&gt;头像展示&lt;/strong&gt;：每个支持者支持头像图片&lt;/li&gt;&#xA;&lt;li&gt;💬 &lt;strong&gt;留言显示&lt;/strong&gt;：支持显示支持者的留言&lt;/li&gt;&#xA;&lt;li&gt;📱 &lt;strong&gt;响应式设计&lt;/strong&gt;：完美适配各种设备&lt;/li&gt;&#xA;&lt;li&gt;🌙 &lt;strong&gt;暗色模式&lt;/strong&gt;：自动适配明暗主题&lt;/li&gt;&#xA;&lt;li&gt;📋 &lt;strong&gt;数据管理&lt;/strong&gt;：通过YAML文件管理数据&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-快速开始&#34;&gt;🚀 快速开始&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-创建支持清单页面&#34;&gt;1. 创建支持清单页面&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;content/&lt;/code&gt; 目录下创建 &lt;code&gt;supporters.md&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;支持清单&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2025-10-29T17:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;type: &amp;#34;supporters&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;layout: &amp;#34;supporters&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;comments: true&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;感谢所有支持本站和主题的朋友们 ❤️&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;你们的支持是我持续创作和维护的最大动力！&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;2-配置支持清单数据&#34;&gt;2. 配置支持清单数据&lt;/h3&gt;&#xA;&lt;p&gt;在项目根目录的 &lt;code&gt;data/&lt;/code&gt; 文件夹下创建 &lt;code&gt;supporters.yaml&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;# 总统计&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;statistics&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;totalAmount&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;3680&lt;/span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;# 总打赏金额&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;totalCount&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;15&lt;/span&gt;         &lt;span style=&#34;color:#75715e&#34;&gt;# 总支持人数&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;updateDate&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;2025-10-29&amp;#34;&lt;/span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;# 最后更新日期&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;# 支持者分组&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;groups&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  - &lt;span style=&#34;color:#f92672&#34;&gt;name&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;主题赞助者&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;感谢这些朋友对 Demius 主题的喜爱和支持&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;supporters&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      - &lt;span style=&#34;color:#f92672&#34;&gt;name&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;张小明&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;avatar&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://via.placeholder.com/100?text=ZXM&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;amount&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;520&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;date&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;2025-10-15&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;message&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;主题太棒了！简洁又美观，非常喜欢！&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;level&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;gold&amp;#34;&lt;/span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;# gold(金牌) | silver(银牌) | bronze(铜牌) | normal(普通)&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;3-访问支持清单&#34;&gt;3. 访问支持清单&lt;/h3&gt;&#xA;&lt;p&gt;构建网站后，访问 &lt;code&gt;/supporters&lt;/code&gt; 路径即可查看支持清单。&lt;/p&gt;</description>
    </item>
    <item>
      <title>音乐星球页面使用示例</title>
      <link>https://blog.demius.tech/posts/bg0m9efy.html/</link>
      <pubDate>Sun, 02 Nov 2025 15:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/bg0m9efy.html/</guid>
      <description>&lt;h2 id=&#34;-音乐星球功能简介&#34;&gt;🎵 音乐星球功能简介&lt;/h2&gt;&#xA;&lt;p&gt;Demius 主题的音乐星球功能为您提供了一个优雅的音乐分享和展示方案。基于 MetingJS，支持多个音乐平台，您可以轻松分享来自网易云音乐、QQ音乐、酷狗音乐等平台的歌单、专辑、单曲和歌手作品。&lt;/p&gt;&#xA;&lt;h3 id=&#34;主要特性&#34;&gt;主要特性&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;🎧 &lt;strong&gt;多平台支持&lt;/strong&gt;：网易云音乐、QQ音乐、酷狗音乐、虾米音乐、百度音乐&lt;/li&gt;&#xA;&lt;li&gt;📻 &lt;strong&gt;多种类型&lt;/strong&gt;：单曲、播放列表、专辑、歌手、搜索&lt;/li&gt;&#xA;&lt;li&gt;🎨 &lt;strong&gt;卡片展示&lt;/strong&gt;：精美的卡片式布局，支持自定义徽章颜色&lt;/li&gt;&#xA;&lt;li&gt;🎵 &lt;strong&gt;本地音乐&lt;/strong&gt;：支持上传本地音乐文件&lt;/li&gt;&#xA;&lt;li&gt;🎹 &lt;strong&gt;在线播放&lt;/strong&gt;：内置音乐播放器，支持在线播放&lt;/li&gt;&#xA;&lt;li&gt;📱 &lt;strong&gt;响应式设计&lt;/strong&gt;：完美适配各种设备&lt;/li&gt;&#xA;&lt;li&gt;🌙 &lt;strong&gt;暗色模式&lt;/strong&gt;：自动适配明暗主题&lt;/li&gt;&#xA;&lt;li&gt;⚡ &lt;strong&gt;无需配置API&lt;/strong&gt;：MetingJS 自动处理，无需复杂的 API 配置&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-快速开始&#34;&gt;🚀 快速开始&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-创建音乐星球页面&#34;&gt;1. 创建音乐星球页面&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;content/&lt;/code&gt; 目录下创建 &lt;code&gt;music-planet.md&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;音乐星球&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;slug: music-planet&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2025-10-30T12:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;lastmod: 2025-10-30T12:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;type: music-planet&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;layout: music-planet&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;description: &amp;#34;不同平台的歌单与专辑分享，支持网易云、QQ音乐等。&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;2-配置音乐星球数据&#34;&gt;2. 配置音乐星球数据&lt;/h3&gt;&#xA;&lt;p&gt;在项目根目录的 &lt;code&gt;data/&lt;/code&gt; 文件夹下创建 &lt;code&gt;music-planet.yaml&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;sections&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  - &lt;span style=&#34;color:#f92672&#34;&gt;title&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;🎧 网易云音乐 · 歌单&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;badge&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;violet&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;items&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      - &lt;span style=&#34;color:#f92672&#34;&gt;server&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;netease&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;type&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;playlist&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;id&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;4977885420&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;3-访问音乐星球&#34;&gt;3. 访问音乐星球&lt;/h3&gt;&#xA;&lt;p&gt;构建网站后，访问 &lt;code&gt;/music-planet&lt;/code&gt; 路径即可查看您的音乐星球页面。&lt;/p&gt;</description>
    </item>
    <item>
      <title>悬浮按钮使用示例</title>
      <link>https://blog.demius.tech/posts/q1nejn6x.html/</link>
      <pubDate>Sun, 02 Nov 2025 14:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/q1nejn6x.html/</guid>
      <description>&lt;h2 id=&#34;-悬浮按钮功能简介&#34;&gt;🔘 悬浮按钮功能简介&lt;/h2&gt;&#xA;&lt;p&gt;Demius 主题的悬浮按钮功能为您提供了一组强大且便捷的页面操作按钮。通过现代化的图标设计和流畅的动画效果，这些悬浮按钮可以帮助用户快速访问常用功能，提升浏览体验。&lt;/p&gt;&#xA;&lt;h3 id=&#34;主要特性&#34;&gt;主要特性&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;🔝 &lt;strong&gt;返回顶部&lt;/strong&gt;：滚动页面后自动显示，快速返回页面顶部&lt;/li&gt;&#xA;&lt;li&gt;📊 &lt;strong&gt;阅读进度&lt;/strong&gt;：实时显示文章阅读进度（0-100%）&lt;/li&gt;&#xA;&lt;li&gt;⚙️ &lt;strong&gt;设置菜单&lt;/strong&gt;：点击展开更多功能按钮&lt;/li&gt;&#xA;&lt;li&gt;🌙 &lt;strong&gt;主题切换&lt;/strong&gt;：一键切换亮色/暗色主题&lt;/li&gt;&#xA;&lt;li&gt;📚 &lt;strong&gt;侧栏切换&lt;/strong&gt;：快速显示/隐藏左右侧栏&lt;/li&gt;&#xA;&lt;li&gt;📖 &lt;strong&gt;沉浸阅读&lt;/strong&gt;：隐藏干扰元素，专注阅读&lt;/li&gt;&#xA;&lt;li&gt;💬 &lt;strong&gt;评论弹幕&lt;/strong&gt;：将评论转换为弹幕形式展示&lt;/li&gt;&#xA;&lt;li&gt;📱 &lt;strong&gt;响应式设计&lt;/strong&gt;：完美适配各种设备尺寸&lt;/li&gt;&#xA;&lt;li&gt;🎨 &lt;strong&gt;现代化图标&lt;/strong&gt;：使用 SVG 图标，清晰美观&lt;/li&gt;&#xA;&lt;li&gt;⚡ &lt;strong&gt;流畅动画&lt;/strong&gt;：悬停和点击动画流畅自然&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-快速开始&#34;&gt;🚀 快速开始&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-基础配置&#34;&gt;1. 基础配置&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;hugo.toml&lt;/code&gt; 文件中配置：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#a6e22e&#34;&gt;params&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;floatButtons&lt;/span&gt;]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;position&lt;/span&gt; = &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;right&amp;#34;&lt;/span&gt;          &lt;span style=&#34;color:#75715e&#34;&gt;# 浮动按钮位置：left 或 right&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showBackToTop&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;        &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示返回顶部按钮&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showThemeToggle&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示主题切换按钮&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showSidebarToggle&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示侧边栏切换按钮&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;2-重新构建&#34;&gt;2. 重新构建&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;hugo server&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;3-查看效果&#34;&gt;3. 查看效果&lt;/h3&gt;&#xA;&lt;p&gt;访问网站查看悬浮按钮效果。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-配置详解&#34;&gt;📝 配置详解&lt;/h2&gt;&#xA;&lt;h3 id=&#34;悬浮按钮配置&#34;&gt;悬浮按钮配置&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#a6e22e&#34;&gt;params&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;floatButtons&lt;/span&gt;]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;position&lt;/span&gt; = &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;right&amp;#34;&lt;/span&gt;          &lt;span style=&#34;color:#75715e&#34;&gt;# 浮动按钮位置：left（左侧）或 right（右侧）&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showBackToTop&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;        &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示返回顶部按钮&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showThemeToggle&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示主题切换按钮&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showSidebarToggle&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示侧边栏切换按钮&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;评论弹幕配置&#34;&gt;评论弹幕配置&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#a6e22e&#34;&gt;params&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;danmaku&lt;/span&gt;]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;enable&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;              &lt;span style=&#34;color:#75715e&#34;&gt;# 是否启用弹幕功能&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;scope&lt;/span&gt; = &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;all&amp;#34;&lt;/span&gt;              &lt;span style=&#34;color:#75715e&#34;&gt;# 弹幕范围：all（全站）、page（当前页面）、post（当前文章）&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;speed&lt;/span&gt; = &lt;span style=&#34;color:#ae81ff&#34;&gt;3&lt;/span&gt;                  &lt;span style=&#34;color:#75715e&#34;&gt;# 弹幕速度（1-5，数字越大越快）&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;fontSize&lt;/span&gt; = &lt;span style=&#34;color:#ae81ff&#34;&gt;16&lt;/span&gt;              &lt;span style=&#34;color:#75715e&#34;&gt;# 弹幕字体大小（px）&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;opacity&lt;/span&gt; = &lt;span style=&#34;color:#ae81ff&#34;&gt;0.9&lt;/span&gt;              &lt;span style=&#34;color:#75715e&#34;&gt;# 弹幕不透明度（0.1-1）&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;maxCount&lt;/span&gt; = &lt;span style=&#34;color:#ae81ff&#34;&gt;50&lt;/span&gt;              &lt;span style=&#34;color:#75715e&#34;&gt;# 最多显示弹幕数量&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;updateInterval&lt;/span&gt; = &lt;span style=&#34;color:#ae81ff&#34;&gt;30000&lt;/span&gt;     &lt;span style=&#34;color:#75715e&#34;&gt;# 更新间隔（毫秒，30000 = 30秒）&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showAvatar&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;          &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示头像&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;showTime&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;            &lt;span style=&#34;color:#75715e&#34;&gt;# 是否显示时间&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;loop&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;                &lt;span style=&#34;color:#75715e&#34;&gt;# 是否循环播放弹幕&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;randomPosition&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;# 是否随机Y轴位置&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;colorful&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;            &lt;span style=&#34;color:#75715e&#34;&gt;# 是否启用彩色弹幕&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;antiOverlap&lt;/span&gt; = &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;         &lt;span style=&#34;color:#75715e&#34;&gt;# 是否启用防重叠&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-按钮列表&#34;&gt;📦 按钮列表&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-返回顶部按钮back-to-top&#34;&gt;1. &lt;strong&gt;返回顶部按钮&lt;/strong&gt;（back-to-top）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;图标&lt;/strong&gt;：向上箭头&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：点击返回页面顶部，带平滑滚动动画&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;显示时机&lt;/strong&gt;：滚动页面后自动显示&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;优先级&lt;/strong&gt;：与设置按钮在同一位置，优先级更高&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;配置&lt;/strong&gt;：通过 &lt;code&gt;showBackToTop&lt;/code&gt; 控制显示&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;2-阅读进度按钮reading-progress&#34;&gt;2. &lt;strong&gt;阅读进度按钮&lt;/strong&gt;（reading-progress）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;显示内容&lt;/strong&gt;：0-100% 的数字&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：实时显示文章阅读进度&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;位置&lt;/strong&gt;：始终显示在底部（设置按钮上方）&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;自动更新&lt;/strong&gt;：根据滚动位置自动更新&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;3-设置按钮fab-settings&#34;&gt;3. &lt;strong&gt;设置按钮&lt;/strong&gt;（fab-settings）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;图标&lt;/strong&gt;：齿轮图标&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：点击展开/收起其他功能按钮&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;位置&lt;/strong&gt;：始终显示在最底部&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;展开内容&lt;/strong&gt;：主题切换、侧栏切换、沉浸阅读、评论弹幕&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;4-主题切换按钮theme-toggle&#34;&gt;4. &lt;strong&gt;主题切换按钮&lt;/strong&gt;（theme-toggle）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;图标&lt;/strong&gt;：月亮/太阳图标&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：一键切换亮色/暗色主题&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;状态保存&lt;/strong&gt;：主题选择自动保存到本地存储&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;配置&lt;/strong&gt;：通过 &lt;code&gt;showThemeToggle&lt;/code&gt; 控制显示&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;5-侧栏切换按钮sidebar-toggle&#34;&gt;5. &lt;strong&gt;侧栏切换按钮&lt;/strong&gt;（sidebar-toggle）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;图标&lt;/strong&gt;：网格图标&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：快速显示/隐藏左右侧栏&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;状态保存&lt;/strong&gt;：侧栏显示状态自动保存&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;配置&lt;/strong&gt;：通过 &lt;code&gt;showSidebarToggle&lt;/code&gt; 控制显示&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;6-沉浸阅读按钮immersive-mode&#34;&gt;6. &lt;strong&gt;沉浸阅读按钮&lt;/strong&gt;（immersive-mode）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;图标&lt;/strong&gt;：书本图标&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：隐藏导航栏、侧栏、页脚等干扰元素，专注阅读&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;隐藏元素&lt;/strong&gt;：&#xA;&lt;ul&gt;&#xA;&lt;li&gt;🧭 导航栏&lt;/li&gt;&#xA;&lt;li&gt;📚 左侧栏&lt;/li&gt;&#xA;&lt;li&gt;📋 右侧栏&lt;/li&gt;&#xA;&lt;li&gt;🦶 页脚&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;状态保存&lt;/strong&gt;：沉浸模式状态自动保存&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h3 id=&#34;7-评论弹幕按钮danmaku-mode&#34;&gt;7. &lt;strong&gt;评论弹幕按钮&lt;/strong&gt;（danmaku-mode）&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;图标&lt;/strong&gt;：弹幕图标&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;功能&lt;/strong&gt;：将评论转换为弹幕形式，从右向左滚动显示&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;显示条件&lt;/strong&gt;：需要配置 Artalk 评论系统&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;配置&lt;/strong&gt;：通过 &lt;code&gt;[params.danmaku]&lt;/code&gt; 配置弹幕行为&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-按钮布局&#34;&gt;📍 按钮布局&lt;/h2&gt;&#xA;&lt;h3 id=&#34;按钮位置顺序&#34;&gt;按钮位置顺序&lt;/h3&gt;&#xA;&lt;p&gt;&lt;strong&gt;从底部向上：&lt;/strong&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>小说书单页面使用示例</title>
      <link>https://blog.demius.tech/posts/csbez23w.html/</link>
      <pubDate>Sun, 02 Nov 2025 13:00:00 +0800</pubDate>
      <guid>https://blog.demius.tech/posts/csbez23w.html/</guid>
      <description>&lt;h2 id=&#34;-小说书单功能简介&#34;&gt;📚 小说书单功能简介&lt;/h2&gt;&#xA;&lt;p&gt;Demius 主题的小说书单功能为您提供了一个优雅的小说管理和展示方案。通过分组管理，您可以轻松组织和展示您读过、在读和想读的小说，支持随机颜色标签和文字，让书单更加丰富多彩。&lt;/p&gt;&#xA;&lt;h3 id=&#34;主要特性&#34;&gt;主要特性&lt;/h3&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;📖 &lt;strong&gt;分组管理&lt;/strong&gt;：支持创建多个书单分组（精选、推荐、热门、新书、已读、在读、想读等）&lt;/li&gt;&#xA;&lt;li&gt;🎨 &lt;strong&gt;随机颜色&lt;/strong&gt;：标签和文字支持随机颜色，12种配色循环&lt;/li&gt;&#xA;&lt;li&gt;🌈 &lt;strong&gt;背景模式&lt;/strong&gt;：支持透明、随机彩色、自定义颜色三种背景模式&lt;/li&gt;&#xA;&lt;li&gt;🏷️ &lt;strong&gt;标签展示&lt;/strong&gt;：每个小说支持多个标签（最多显示3个）&lt;/li&gt;&#xA;&lt;li&gt;📊 &lt;strong&gt;评分显示&lt;/strong&gt;：支持显示小说评分&lt;/li&gt;&#xA;&lt;li&gt;📅 &lt;strong&gt;阅读日期&lt;/strong&gt;：已读小说可记录阅读日期&lt;/li&gt;&#xA;&lt;li&gt;📈 &lt;strong&gt;阅读进度&lt;/strong&gt;：在读小说可显示阅读进度&lt;/li&gt;&#xA;&lt;li&gt;🖼️ &lt;strong&gt;封面展示&lt;/strong&gt;：每个小说支持封面图片&lt;/li&gt;&#xA;&lt;li&gt;🔗 &lt;strong&gt;链接跳转&lt;/strong&gt;：点击卡片可跳转到外部链接&lt;/li&gt;&#xA;&lt;li&gt;📱 &lt;strong&gt;响应式设计&lt;/strong&gt;：完美适配各种设备&lt;/li&gt;&#xA;&lt;li&gt;🌙 &lt;strong&gt;暗色模式&lt;/strong&gt;：自动适配明暗主题&lt;/li&gt;&#xA;&lt;li&gt;📋 &lt;strong&gt;数据管理&lt;/strong&gt;：通过YAML文件管理数据&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-快速开始&#34;&gt;🚀 快速开始&lt;/h2&gt;&#xA;&lt;h3 id=&#34;1-创建小说书单页面&#34;&gt;1. 创建小说书单页面&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;content/&lt;/code&gt; 目录下创建 &lt;code&gt;booklist.md&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title: &amp;#34;小说书单&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;date: 2025-10-31T15:00:00+08:00&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;type: &amp;#34;booklist&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;layout: &amp;#34;booklist&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;comments: true&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;---&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## 📚 我的书单&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;这里记录着我读过、在读和想读的小说，每一本都是一个小小的世界 ✨&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;2-配置小说书单数据&#34;&gt;2. 配置小说书单数据&lt;/h3&gt;&#xA;&lt;p&gt;在项目根目录的 &lt;code&gt;data/&lt;/code&gt; 文件夹下创建 &lt;code&gt;booklist.yaml&lt;/code&gt; 文件：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;groups&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  - &lt;span style=&#34;color:#f92672&#34;&gt;name&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;精选&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;books&lt;/span&gt;:&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      - &lt;span style=&#34;color:#f92672&#34;&gt;name&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;精选小说1&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;author&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;作者A&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;cover&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;/img/books/book1.webp&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;这是一本精选小说...&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;rating&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;9.5&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;tags&lt;/span&gt;: [&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;玄幻&amp;#34;&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;仙侠&amp;#34;&lt;/span&gt;]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#f92672&#34;&gt;url&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://example.com/book1&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;3-配置书单样式&#34;&gt;3. 配置书单样式&lt;/h3&gt;&#xA;&lt;p&gt;在 &lt;code&gt;hugo.toml&lt;/code&gt; 文件中添加配置：&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
