Home on Alex书

老旧笔记本改飞牛NAS

Fri, 10 Apr 2026 00:25:39 +0800

最近收拾家里的闲置电子产品，真的，我发现我的乱七八糟的东西太多了，尤其是老旧的电子产品，你们说卖吧，真的不值钱了现在，烂大街的东西，当时买的时候都可贵，不卖吧，真就放在那里吃灰。

很多朋友应该都有这些闲置的电子产品，分分类，把还可以用的看看能不能利用一下，就发现对象的这台小粉笔记本：

真的，看外观的话，果然就是女生用的，就一个粉色，拿手上的质感包括开合屏幕什么的，一言难尽，然后电源线接触还不好，嗯，总之在我眼里都是毛病^V^

原来的系统卡的不行，给开个机都等的我心急，好在没什么重要的数据，直接重装算逑！重装后看了眼配置，如下：

又是一眼难尽，问了一下原来购买的时候价格，2800，21年购买的，回想了下那时候的装机市场，只能感叹一句：还是好骗QAQ

装机的过程中发现飞牛必须联网装机，然后吧，这笔记本竟然没有网口！谁家笔记本没有网口啊！

得，手机USB共享网络安装后，再这样那样，那样这样倒腾一下安装好了：

最最最让我无语的是，16G的内存，飞牛只识别出来了可用内存8G，也就是说还有一半的内存没有映射出来…

终端看了一圈，最终确定是Blos固件的问题，他娘的就是白牌厂家精简版的！！！

最后感叹一句：钱，真好赚啊！找对人就行了！字面意义上的找对人。

无限容量的开源免费图床部署方案

Tue, 17 Mar 2026 03:25:26 +0800

项目地址

废话不多说，先上项目地址：

基于 CloudFlare 的开源文件托管解决方案（图床/文件床/网盘）

配置、模板语法与部署指南

贴一下官方文档：

CloudFlare ImgBed 官方文档

配置、模板语法与部署指南

小坑

不过过程按照文档来即可，这里说一下首次部署需要注意的事项，一点小坑罢了

想了下，我可以看文档部署成功你们也可以的，毕竟文档还是蛮详细的，注意一下环境变量的问题即可如果使用TG部署的话

碎碎念

Thu, 12 Feb 2026 21:09:19 +0800

碎碎念碎碎念岁岁平安

真的无语啦！这一个多月办了人生喜事，但是好久没碰电脑了，脑子瓦特啦！！

什么都忘的一干二净，真空白，都不知道该写些什么，写的东西都忘了，我真服了我自己！可给我牛逼坏了！！

文章链接卡片和跳转中转功能使用说明示例

Mon, 24 Nov 2025 10:00:00 +0800

本文整理了 Demius 主题中最常用的两个文章增强组件：内置的链接卡片短代码 linkcard，以及外链跳转中转功能 linkRedirect。照着示例复制即可快速开箱。

链接卡片短代码（linkcard）

主题内置的链接卡片短代码是 linkcard。开启方式如下：

在 hugo.toml 中打开样式与默认配置：

[params.linkCard]
  enable = true
  defaultType = "auto"
  openInNewTab = true
  showArticleInfo = true
  showArticleDate = true
  showArticleSummary = true
  showUrl = true

在 Markdown 中直接引用短代码，内部链接会自动读取文章的标题、摘要与日期：
```
{{< linkcard url="/posts/helloworld/" >}}
```
Hello World

2025-10-06

这是第一段背景 balabala… 步骤一详细内容… 总结收尾
常用可选参数：
- type: auto / internal / external
- newtab, showinfo, showdate, showsummary, showurl
- title, summary, date, ref

组合示例（自定义外链卡片）：

{{< linkcard
    url="https://gohugo.io/documentation/"
    title="Hugo 官方文档"
    summary="配置、模板语法与部署指南"
    type="external"
    showurl="false"
>}}

Hugo 官方文档

配置、模板语法与部署指南

外链跳转中转功能

中转页面由 content/go.md（layout = "go"）和 /themes/demius/layouts/go.html 驱动，前端脚本会自动把文章内容区域的外链改写为 /go/?goUrl=...。使用流程：

网友圈使用说明

Sun, 23 Nov 2025 20:13:18 +0800

网友圈使用说明

本主题使用网友圈功能定时拉取友链最新动态文章，并展示在网友圈页面，方便网友查看。

是采用了定时拉取的方式运行脚本，这个脚本按照各自所需修改即可。

脚本内容： 点击下载

下载后放到自己站点根目录下运行即可，会自动在根目录下生成网友圈需要的json文件，对于需要及时更新网友圈动态的，建议使用AI修改一下脚本后放到自己的服务器或者Github上运行，定时拉取最新动态即可。

主题页面实现来源说明

Sat, 08 Nov 2025 21:33:29 +0800

Demius主题页面实现来源说明

部分页面组件模式来源于文章分享，这里作一个说明

说说和网友圈页面

这个说说页面的实现方案来源于 liushen 的经验分享，稍作修改后适配了 Demius 主题，感谢作者的创意。

从 Memos 转移到 Moments

liushen 记录的说说/Moments 页面实现方案

@liushen 的博客

原作者主页，持续分享 Memos 与朋友圈技术

网友圈页面的实现也是同样的思路，如果需要实时更新可以自行部署服务或通过 GitHub Actions 拉取数据。

Friend-Circle-Lite：轻量友链朋友圈

提供朋友圈订阅、数据抓取与展示的详细方案

侧栏访客信息组件实现来源说明

这个组件是在梅莉博主的访客信息组件基础上稍作修改的，感谢作者的分享。

访客信息组件 · 梅莉博主

展示访客地区、IP、距离等信息的 Hugo 组件方案

主页model2大图布局灵感实现来源说明

这个大图模式是之前使用 Hexo Butterfly 主题时养成的习惯，因此在 Demius 中也做了复刻，感谢 Butterfly 作者的开源分享。

Hexo Theme Butterfly

Butterfly 主题仓库，是 Model2 大图布局的灵感来源

按钮功能使用示例

Tue, 04 Nov 2025 07:00:00 +0800

本文演示 Demius 主题的按钮短代码功能，展示各种使用场景和配置选项。

开发本站主题一些感想

Tue, 04 Nov 2025 03:30:08 +0800

1. 主题开发

Demius主题的开发是基于Hugo的，选hugo的原因那可太多了，本来服务器就是小水管，用动态站点的情况下总是卡，对的，卡！俺的服务器的性能就那么点，所以hugo的静态站点就成了必然的选择，hexo也行，但是呢，在更新的过程中总是需要命令行三件套，这对俺来说，太麻烦了，而且啊，以后文章要是多了，就算短时间更新的少，但是对于想一直更新下去的话，文章总是会多起来的，到时候构建站点的时候时间等的太久了，改一点就得等改一点就得等，太折磨人了…

基于现有情况，去找一个满意的Hugo主题使用也是很折磨人，首先使用一个新主题要先熟悉它的配置等等，然后要修改成自己想要的风格和内容，魔改过程中又要去熟悉它的代码等等，然后有的不明白找教程…反正得耗费很多时间，就累。。。

捣鼓捣鼓，写了一个主题框架，然后写了需求，然后写了功能，然后越写越多，得亏现在AI的帮助，不然估计开头就放弃了，太麻烦了啊！

主题要么好看要么实用，俺呢又要好看又要实用，但是好看得设计大量的样式等等，这是真麻烦，所以干脆让现成的图片来解决，背景图就好了嘛，干脆，不好看直接换，实用也就是基础功能有就行，要求也不高

而对于用过的一些功能都喜欢更换，就是不停的换，换，换，那一定要方便，最好是一键切换，所以所有的功能都采用了模块化设计，想要就开，不想要就关，甚至评论系统目前都只适配了一个因为目前只觉得这个好用，其他的懒得管，反正俺又不用

2. 开发过程

媳妇儿陪着俺熬过了每一个深夜，还帮我测试了一下下，嗯，就是随便看看哈哈哈哈哈，很多问题没有测试就不知道哪里有问题，就靠她看剧完了点点，看到了就改，没看到拉倒

3. 开发周期

目前大概10天左右吧，暂时也告一段落，新的问题还没有发现，有的话抽空改改

4. 开发总结

长久的打磨就是一场修行，这个主题也算是，虽然现在还不完善，但是已经可以用了，以后有时间再继续完善，毕竟这个主题是俺的个人站点，所以要是能用就行，至于其他的，就随缘吧

追番星球页面使用示例

Sun, 02 Nov 2025 18:00:00 +0800

🎬 追番星球功能简介

Demius 主题的追番星球功能为您提供了一个优雅的追番追剧记录和展示方案。您可以轻松组织和展示来自B站或其他平台的番剧、动漫、影视作品的追番记录，支持想看、在看、看过三种状态分类，并可视化显示观看进度。

主要特性

📊 三种状态分类：想看、在看、看过
🎯 详细信息展示：番剧封面、标题、评分、进度等
📈 进度可视化：进度条显示观看进度
🏷️ 标签切换：点击标签切换不同状态列表
🖼️ 封面展示：高质量封面图片展示
📱 响应式布局：完美适配移动端
🌙 暗色模式：自动适配明暗主题
📋 数据管理：通过YAML文件管理数据
🔗 链接跳转：点击卡片可跳转到B站等平台

🚀 快速开始

1. 创建追番星球页面

在 content/ 目录下创建 bangumi-planet.md 文件：

---
title: "追番星球"
slug: bangumi-planet
date: 2025-10-31T12:00:00+08:00
lastmod: 2025-10-31T12:00:00+08:00
draft: false
type: bangumi-planet
layout: bangumi-planet
description: "我的追番追剧列表，记录看过的、在看的和想看的番剧/影视作品。"

---

## 追番星球

这里是我在B站追番追剧的记录，包括想看、在看和看过的作品。数据来源于B站个人追番列表。

2. 配置追番星球数据

在项目根目录的 data/ 文件夹下创建 bangumi-planet.yaml 文件：

bangumi:
  # 想看列表
  wantWatch:
    - title: "鬼灭之刃"
      cover: "/img/bangumi/鬼灭之刃.webp"
      score: "9.5"
      totalCount: "全12话"
      area: "日本"
      type: "番剧"
      des: "这是一部非常有趣的番剧..."
      link: "https://www.bilibili.com/bangumi/play/example"
      progress: "12/12"

3. 访问追番星球

构建网站后，访问 /bangumi-planet 路径即可查看您的追番星球页面。

装备页面使用示例

Sun, 02 Nov 2025 17:00:00 +0800

🎯 装备页面功能简介

Demius 主题的装备页面功能为您提供了一个优雅的装备展示和管理方案。通过分组管理和精美的卡片布局，您可以轻松地展示和推荐您使用的数码产品、办公外设、生活用品等各种装备，并支持多平台购买链接，方便访客购买。

主要特性

📦 分组展示：支持多个装备分组，灵活组织
🖼️ 图片展示：大图展示装备外观，支持响应式布局
📝 详细信息：装备名称、描述、价格等信息展示
🛒 购买链接：支持多个电商平台购买链接，方便访客购买
🎨 精美卡片：现代化的卡片设计，视觉效果佳
💰 价格标签：价格标签显示在图片上，一目了然
📱 响应式设计：完美适配各种设备尺寸
🌙 暗色模式：自动适配明暗主题
💬 评论系统：集成 Artalk 评论系统
📋 数据管理：通过 YAML 文件管理数据

🚀 快速开始

1. 创建装备页面

在 content/ 目录下创建 gear.md 文件：

---
title: "装备"
date: 2025-10-23T12:00:00+08:00
type: "gear"
layout: "gear"
comments: true
---

这里展示我日常使用和推荐的各类装备，包括数码产品、办公外设等。

2. 配置装备数据

在项目根目录的 data/ 文件夹下创建 gear.yaml 文件：

groups:
  - name: "数码装备"
    description: "日常使用的数码产品"
    items:
      - name: "iPhone 15 Pro Max"
        image: "https://example.com/iphone.jpg"
        description: "A17 Pro 芯片，钛金属设计"
        price: "¥9999"
        links:
          - platform: "京东"
            url: "https://item.jd.com/xxx"
            icon: "🛒"

3. 配置导航菜单（可选）

在 hugo.toml 文件中添加装备页面到导航菜单：

支持清单页面使用示例

Sun, 02 Nov 2025 16:00:00 +0800

💝 支持清单功能简介

Demius 主题的支持清单功能为您提供了一个优雅的支持者管理和展示方案。通过分组管理和等级系统，您可以轻松组织和展示支持您的朋友们的打赏记录，并显示统计信息，让支持者感受到您的感激之情。

主要特性

📊 统计信息：显示总打赏金额、支持人数、最后更新日期
🏆 等级系统：支持金牌、银牌、铜牌、普通四个等级
📖 分组管理：支持创建多个支持者分组（主题赞助者、内容创作支持、技术交流支持等）
👤 详细信息：支持者头像、名称、打赏金额、日期、留言
🎨 等级徽章：不同等级显示不同的徽章和边框颜色
🖼️ 头像展示：每个支持者支持头像图片
💬 留言显示：支持显示支持者的留言
📱 响应式设计：完美适配各种设备
🌙 暗色模式：自动适配明暗主题
📋 数据管理：通过YAML文件管理数据

🚀 快速开始

1. 创建支持清单页面

在 content/ 目录下创建 supporters.md 文件：

---
title: "支持清单"
date: 2025-10-29T17:00:00+08:00
type: "supporters"
layout: "supporters"
comments: true
---

感谢所有支持本站和主题的朋友们 ❤️

你们的支持是我持续创作和维护的最大动力！

2. 配置支持清单数据

在项目根目录的 data/ 文件夹下创建 supporters.yaml 文件：

# 总统计
statistics:
  totalAmount: 3680      # 总打赏金额
  totalCount: 15         # 总支持人数
  updateDate: "2025-10-29"  # 最后更新日期

# 支持者分组
groups:
  - name: "主题赞助者"
    description: "感谢这些朋友对 Demius 主题的喜爱和支持"
    supporters:
      - name: "张小明"
        avatar: "https://via.placeholder.com/100?text=ZXM"
        amount: 520
        date: "2025-10-15"
        message: "主题太棒了！简洁又美观，非常喜欢！"
        level: "gold"  # gold(金牌) | silver(银牌) | bronze(铜牌) | normal(普通)

3. 访问支持清单

构建网站后，访问 /supporters 路径即可查看支持清单。

音乐星球页面使用示例

Sun, 02 Nov 2025 15:00:00 +0800

🎵 音乐星球功能简介

Demius 主题的音乐星球功能为您提供了一个优雅的音乐分享和展示方案。基于 MetingJS，支持多个音乐平台，您可以轻松分享来自网易云音乐、QQ音乐、酷狗音乐等平台的歌单、专辑、单曲和歌手作品。

主要特性

🎧 多平台支持：网易云音乐、QQ音乐、酷狗音乐、虾米音乐、百度音乐
📻 多种类型：单曲、播放列表、专辑、歌手、搜索
🎨 卡片展示：精美的卡片式布局，支持自定义徽章颜色
🎵 本地音乐：支持上传本地音乐文件
🎹 在线播放：内置音乐播放器，支持在线播放
📱 响应式设计：完美适配各种设备
🌙 暗色模式：自动适配明暗主题
⚡ 无需配置API：MetingJS 自动处理，无需复杂的 API 配置

🚀 快速开始

1. 创建音乐星球页面

在 content/ 目录下创建 music-planet.md 文件：

---
title: "音乐星球"
slug: music-planet
date: 2025-10-30T12:00:00+08:00
lastmod: 2025-10-30T12:00:00+08:00
type: music-planet
layout: music-planet
description: "不同平台的歌单与专辑分享，支持网易云、QQ音乐等。"
---

2. 配置音乐星球数据

在项目根目录的 data/ 文件夹下创建 music-planet.yaml 文件：

sections:
  - title: "🎧 网易云音乐 · 歌单"
    badge: violet
    items:
      - server: netease
        type: playlist
        id: "4977885420"

3. 访问音乐星球

构建网站后，访问 /music-planet 路径即可查看您的音乐星球页面。

悬浮按钮使用示例

Sun, 02 Nov 2025 14:00:00 +0800

🔘 悬浮按钮功能简介

Demius 主题的悬浮按钮功能为您提供了一组强大且便捷的页面操作按钮。通过现代化的图标设计和流畅的动画效果，这些悬浮按钮可以帮助用户快速访问常用功能，提升浏览体验。

主要特性

🔝 返回顶部：滚动页面后自动显示，快速返回页面顶部
📊 阅读进度：实时显示文章阅读进度（0-100%）
⚙️ 设置菜单：点击展开更多功能按钮
🌙 主题切换：一键切换亮色/暗色主题
📚 侧栏切换：快速显示/隐藏左右侧栏
📖 沉浸阅读：隐藏干扰元素，专注阅读
💬 评论弹幕：将评论转换为弹幕形式展示
📱 响应式设计：完美适配各种设备尺寸
🎨 现代化图标：使用 SVG 图标，清晰美观
⚡ 流畅动画：悬停和点击动画流畅自然

🚀 快速开始

1. 基础配置

在 hugo.toml 文件中配置：

[params.floatButtons]
  position = "right"          # 浮动按钮位置：left 或 right
  showBackToTop = true        # 是否显示返回顶部按钮
  showThemeToggle = true      # 是否显示主题切换按钮
  showSidebarToggle = true    # 是否显示侧边栏切换按钮

2. 重新构建

hugo server

3. 查看效果

访问网站查看悬浮按钮效果。

📝 配置详解

悬浮按钮配置

[params.floatButtons]
  position = "right"          # 浮动按钮位置：left（左侧）或 right（右侧）
  showBackToTop = true        # 是否显示返回顶部按钮
  showThemeToggle = true      # 是否显示主题切换按钮
  showSidebarToggle = true    # 是否显示侧边栏切换按钮

评论弹幕配置

[params.danmaku]
  enable = true              # 是否启用弹幕功能
  scope = "all"              # 弹幕范围：all（全站）、page（当前页面）、post（当前文章）
  speed = 3                  # 弹幕速度（1-5，数字越大越快）
  fontSize = 16              # 弹幕字体大小（px）
  opacity = 0.9              # 弹幕不透明度（0.1-1）
  maxCount = 50              # 最多显示弹幕数量
  updateInterval = 30000     # 更新间隔（毫秒，30000 = 30秒）
  showAvatar = true          # 是否显示头像
  showTime = true            # 是否显示时间
  loop = true                # 是否循环播放弹幕
  randomPosition = true      # 是否随机Y轴位置
  colorful = true            # 是否启用彩色弹幕
  antiOverlap = true         # 是否启用防重叠

📦 按钮列表

1. 返回顶部按钮（back-to-top）

图标：向上箭头
功能：点击返回页面顶部，带平滑滚动动画
显示时机：滚动页面后自动显示
优先级：与设置按钮在同一位置，优先级更高
配置：通过 showBackToTop 控制显示

2. 阅读进度按钮（reading-progress）

显示内容：0-100% 的数字
功能：实时显示文章阅读进度
位置：始终显示在底部（设置按钮上方）
自动更新：根据滚动位置自动更新

3. 设置按钮（fab-settings）

图标：齿轮图标
功能：点击展开/收起其他功能按钮
位置：始终显示在最底部
展开内容：主题切换、侧栏切换、沉浸阅读、评论弹幕

4. 主题切换按钮（theme-toggle）

图标：月亮/太阳图标
功能：一键切换亮色/暗色主题
状态保存：主题选择自动保存到本地存储
配置：通过 showThemeToggle 控制显示

图标：网格图标
功能：快速显示/隐藏左右侧栏
状态保存：侧栏显示状态自动保存
配置：通过 showSidebarToggle 控制显示

6. 沉浸阅读按钮（immersive-mode）

图标：书本图标
功能：隐藏导航栏、侧栏、页脚等干扰元素，专注阅读
隐藏元素：
- 🧭 导航栏
- 📚 左侧栏
- 📋 右侧栏
- 🦶 页脚
状态保存：沉浸模式状态自动保存

7. 评论弹幕按钮（danmaku-mode）

图标：弹幕图标
功能：将评论转换为弹幕形式，从右向左滚动显示
显示条件：需要配置 Artalk 评论系统
配置：通过 [params.danmaku] 配置弹幕行为

📍 按钮布局

按钮位置顺序

从底部向上：

小说书单页面使用示例

Sun, 02 Nov 2025 13:00:00 +0800

📚 小说书单功能简介

Demius 主题的小说书单功能为您提供了一个优雅的小说管理和展示方案。通过分组管理，您可以轻松组织和展示您读过、在读和想读的小说，支持随机颜色标签和文字，让书单更加丰富多彩。

主要特性

📖 分组管理：支持创建多个书单分组（精选、推荐、热门、新书、已读、在读、想读等）
🎨 随机颜色：标签和文字支持随机颜色，12种配色循环
🌈 背景模式：支持透明、随机彩色、自定义颜色三种背景模式
🏷️ 标签展示：每个小说支持多个标签（最多显示3个）
📊 评分显示：支持显示小说评分
📅 阅读日期：已读小说可记录阅读日期
📈 阅读进度：在读小说可显示阅读进度
🖼️ 封面展示：每个小说支持封面图片
🔗 链接跳转：点击卡片可跳转到外部链接
📱 响应式设计：完美适配各种设备
🌙 暗色模式：自动适配明暗主题
📋 数据管理：通过YAML文件管理数据

🚀 快速开始

1. 创建小说书单页面

在 content/ 目录下创建 booklist.md 文件：

---
title: "小说书单"
date: 2025-10-31T15:00:00+08:00
type: "booklist"
layout: "booklist"
comments: true
---

## 📚 我的书单

这里记录着我读过、在读和想读的小说，每一本都是一个小小的世界 ✨

2. 配置小说书单数据

在项目根目录的 data/ 文件夹下创建 booklist.yaml 文件：

groups:
  - name: "精选"
    books:
      - name: "精选小说1"
        author: "作者A"
        cover: "/img/books/book1.webp"
        description: "这是一本精选小说..."
        rating: 9.5
        tags: ["玄幻", "仙侠"]
        url: "https://example.com/book1"

3. 配置书单样式

在 hugo.toml 文件中添加配置：

网友圈

Sun, 02 Nov 2025 12:00:00 +0800

网友圈

这里展示友链站点的最新文章动态，点击卡片可直接跳转到对应文章。

说说页面使用示例

Sun, 02 Nov 2025 12:00:00 +0800

💬 说说页面功能简介

Demius 主题的说说页面功能为您提供了一个动态内容展示平台。通过集成 Moments API，您可以自动从说说站点获取并展示日常动态、想法、吐槽等内容，支持图片、音乐、视频、标签、位置等多种媒体类型，采用精美的瀑布流布局展示。

主要特性

🔄 自动同步：集成 Moments API，自动获取说说数据
🖼️ 多媒体支持：支持图片、音乐、视频等多种媒体类型
📍 丰富信息：支持标签、位置、时间等元信息展示
🌊 瀑布流布局：精美的瀑布流卡片布局，视觉效果佳
💾 本地缓存：30分钟本地缓存，减少API请求
⚡ PJAX 兼容：支持无刷新切换页面
🎵 音乐播放：集成 APlayer 和 MetingJS，支持在线音乐播放
📱 响应式设计：完美适配各种设备尺寸
🌙 暗色模式：自动适配明暗主题
💬 评论系统：集成 Artalk 评论系统

🚀 快速开始

1. 创建说说页面

在 content/ 目录下创建 shuoshuo.md 文件：

---
title: "日常哔哔，键盘侠的日常吐槽"
date: 2025-10-18T18:00:00+08:00
type: "shuoshuo"
layout: "shuoshuo"
comments: true
---

欢迎来到我的说说页面！这里记录了我的日常动态、想法和吐槽。

⚠️ 重要提示：

不要设置 slug 字段，否则 URL 路径会改变
slug 字段会导致页面 URL 变成 /b43qv75p/ 而不是 /shuoshuo/
如果菜单配置指向 /shuoshuo/，但页面实际在 /b43qv75p/，会导致 404 错误

2. 配置导航菜单

在 hugo.toml 文件中添加说说页面到导航菜单：

留言页面使用示例

Sun, 02 Nov 2025 11:00:00 +0800

💬 留言板功能简介

Demius 主题的留言板功能为您提供了一个优雅的访客留言和交流平台。通过集成 Artalk 评论系统，您可以轻松地让访客留下他们的想法、建议或问题，并与他们进行互动交流。

主要特性

💬 留言功能：访客可以轻松留言，填写昵称和邮箱即可
🎨 Markdown 支持：支持 Markdown 语法，让留言更丰富
😊 表情支持：可以使用 emoji 表情和表情包
💬 回复功能：可以回复其他人的留言，支持多级回复
📧 邮件通知：收到回复时会邮件通知（如果开启）
🔄 实时更新：留言实时显示，无需刷新页面
🎨 主题适配：自动适配明暗主题，提供流畅体验
📱 响应式设计：完美适配各种设备
🌙 暗色模式：自动适配明暗主题
📋 内容管理：通过 Markdown 文件管理页面内容

🚀 快速开始

1. 创建留言板页面

在 content/ 目录下创建 message.md 文件：

---
title: "留言板"
slug: message
date: 2025-10-28T18:00:00+08:00
type: message
layout: message
description: "欢迎在这里留言，分享你的想法和建议"
---

## 💬 欢迎留言

欢迎来到留言板！在这里你可以：

- 📝 **自由留言**：分享你的想法、建议或问题
- 💡 **技术交流**：讨论技术话题，共同学习进步
- 🤝 **交个朋友**：认识志同道合的朋友
- 📣 **反馈建议**：对网站有什么建议都可以告诉我

## 📋 留言须知

1. **友善交流**：请保持友善和尊重，营造良好的交流氛围
2. **相关内容**：欢迎与技术、学习、生活相关的话题
3. **禁止内容**：
   - ❌ 广告、推广、垃圾信息
   - ❌ 不文明、攻击性言论
   - ❌ 违法违规内容

## 🎨 留言板功能

- ✅ **Markdown 支持**：支持 Markdown 语法，让留言更丰富
- ✅ **表情支持**：可以使用 emoji 表情 😊
- ✅ **回复功能**：可以回复其他人的留言
- ✅ **邮件通知**：收到回复时会邮件通知（如果开启）
- ✅ **实时更新**：留言实时显示

2. 配置评论系统

在 hugo.toml 文件中配置 Artalk 评论系统：

侧栏组件使用示例

Sun, 02 Nov 2025 10:00:00 +0800

📦 侧栏组件功能简介

Demius 主题的侧栏组件功能为您提供了一个强大且灵活的侧边栏管理系统。通过丰富的组件库和灵活的配置选项，您可以轻松地自定义侧边栏的内容、布局和样式，让您的博客更加个性化和实用。

主要特性

📚 丰富组件：13+ 种侧栏组件，涵盖信息展示、导航、内容推荐、分类聚合、互动等多个类别
🎨 灵活布局：左右侧栏独立配置，自由排序
🔧 精细控制：单独开关每个组件，自定义显示数量
🎨 背景配置：每个组件支持独立的背景图片、背景色、文字颜色等配置
📱 响应式设计：移动端自动隐藏/折叠，完美适配各种设备
🌙 暗色模式：自动适配明暗主题
⚡ PJAX 兼容：页面切换无刷新，提供流畅体验
📊 一体化模式：支持侧栏一体化容器或分割卡片两种模式

🚀 快速开始

1. 基础配置

在 hugo.toml 文件中配置：

[params.aside]
  # 左侧栏组件（从上到下排列）
  left  = ["author", "announcement", "social-Media"]
  
  # 右侧栏组件（从上到下排列）
  right = ["toc", "tags", "recent-Posts"]
  
  # 组件开关
  showAuthor = true
  showToc = true
  showTags = true

2. 重新构建

hugo server

3. 查看效果

访问网站查看侧栏布局效果。

📝 配置详解

左右侧栏配置

[params.aside]
  # 侧栏一体化模式
  unifiedMode = false  # true=一体化容器，false=分割卡片
  
  # 左侧栏组件顺序
  left  = [
    "author",
    "announcement",
    "social-Media",
    "recent-Comments",
    "popular-Posts",
    "advertisement"
  ]
  
  # 右侧栏组件顺序
  right = [
    "toc",
    "tags",
    "series-posts",
    "related-Posts",
    "recent-Posts",
    "categories",
    "archive"
  ]

说明：

愿望清单页面使用示例

Sun, 02 Nov 2025 09:05:00 +0800

✨ 愿望清单功能简介

Demius 主题的愿望清单功能为您提供了一个优雅的目标管理和展示方案。通过分类管理，您可以轻松组织和展示您的梦想、目标和愿望，激励自己不断前进。

主要特性

🎯 分类管理：支持创建多个愿望分类
📊 状态追踪：三种状态（待实现、进行中、已完成）
🏷️ 优先级标记：支持高、中、低三个优先级
📈 进度展示：进行中的愿望可显示完成进度
🖼️ 图片展示：每个愿望支持封面图片
💰 价格显示：支持显示价格信息
🔗 外部链接：支持添加详情链接
✅ 完成记录：已完成愿望可记录完成日期
📱 响应式设计：完美适配各种设备
🌙 暗色模式：自动适配明暗主题

🚀 快速开始

1. 创建愿望清单页面

在 content/ 目录下创建 wishlist.md 文件：

---
title: "愿望清单"
date: 2025-10-29T17:00:00+08:00
type: "wishlist"
layout: "wishlist"
comments: true
---

这里记录着我的梦想和目标，每一个愿望都是前进的动力 ✨

2. 配置愿望清单数据

在项目根目录的 data/ 文件夹下创建 wishlist.yaml 文件：

categories:
  - name: "数码产品"
    icon: "💻"
    wishes:
      - name: "MacBook Pro 16寸"
        description: "用于开发和创作的高性能笔记本"
        image: "https://example.com/macbook.jpg"
        price: "¥19,999"
        priority: "high"
        status: "pending"
        link: "https://www.apple.com.cn/macbook-pro/"

3. 访问愿望清单

构建网站后，访问 /wishlist 路径即可查看您的愿望清单。

数据页面使用示例

Sun, 02 Nov 2025 09:00:00 +0800

📊 数据页面功能简介

Demius 主题的数据页面功能为您提供了一个综合的数据统计展示平台。通过集成 Umami 访问统计和 Hugo 站点数据，您可以轻松地向访客展示网站的各项数据指标，包括访问统计、文章数量、标签分类等信息。

主要特性

📈 访问统计：集成 Umami 访问统计，实时展示网站访问数据
📊 多维度数据：今日访客、今日浏览、昨日访客、昨日浏览、本月浏览、本年浏览
📝 站点数据：文章总数、标签数量、分类数量、运行年份
🎨 精美卡片：现代化的数据卡片设计，视觉效果佳
🌈 渐变色图标：每个指标独特的渐变色图标
💫 数字动画：数字递增动画效果，提升视觉体验
📈 千分位格式：支持千分位格式化显示，便于阅读大数字
🔄 自动更新：自动获取和刷新数据
📱 响应式设计：完美适配各种设备尺寸
🌙 暗色模式：自动适配明暗主题
⚡ PJAX 兼容：支持无刷新切换页面

🚀 快速开始

1. 创建数据页面

在 content/ 目录下创建 data.md 文件：

---
title: "数据统计"
date: 2025-10-27T20:00:00+08:00
type: "data"
layout: "data"
comments: false
slug: "data"
---

欢迎来到数据统计页面！这里展示了网站的各项数据指标。

2. 配置 Umami 统计

在 hugo.toml 文件中配置 Umami 统计：

[params.analytics]
  [params.analytics.umami]
    enable = true                          # 是否启用Umami统计
    scriptUrl = "https://umami.demius.tech/script.js"  # Umami统计脚本地址
    websiteId = "30e2c640-c868-4e89-a138-3c541c2049d5"  # 网站ID
    # 数据页面展示配置
    showInDataPage = true                  # 是否在数据页面显示统计数据
    apiUrl = "https://umamiapi.demius.tech/"  # 统计数据API地址

3. 配置导航菜单（可选）

在 hugo.toml 文件中添加数据页面到导航菜单：

Home on Alex书

老旧笔记本改飞牛NAS

无限容量的开源免费图床部署方案

项目地址

小坑

碎碎念

碎碎念 碎碎念 岁岁平安

文章链接卡片和跳转中转功能使用说明示例

链接卡片短代码（linkcard）

外链跳转中转功能

网友圈使用说明

网友圈使用说明

主题页面实现来源说明

Demius主题页面实现来源说明

说说和网友圈页面

侧栏访客信息组件实现来源说明

主页model2大图布局灵感实现来源说明

按钮功能使用示例

开发本站主题一些感想

1. 主题开发

2. 开发过程

3. 开发周期

4. 开发总结

追番星球页面使用示例

🎬 追番星球功能简介

主要特性

🚀 快速开始

1. 创建追番星球页面

2. 配置追番星球数据

3. 访问追番星球

装备页面使用示例

🎯 装备页面功能简介

主要特性

🚀 快速开始

1. 创建装备页面

2. 配置装备数据

3. 配置导航菜单（可选）

支持清单页面使用示例

💝 支持清单功能简介

主要特性

🚀 快速开始

1. 创建支持清单页面

2. 配置支持清单数据

3. 访问支持清单

音乐星球页面使用示例

🎵 音乐星球功能简介

主要特性

🚀 快速开始

1. 创建音乐星球页面

2. 配置音乐星球数据

3. 访问音乐星球

悬浮按钮使用示例

🔘 悬浮按钮功能简介

主要特性

🚀 快速开始

1. 基础配置

2. 重新构建

3. 查看效果

📝 配置详解

悬浮按钮配置

评论弹幕配置

📦 按钮列表

1. 返回顶部按钮（back-to-top）

2. 阅读进度按钮（reading-progress）

3. 设置按钮（fab-settings）

4. 主题切换按钮（theme-toggle）

5. 侧栏切换按钮（sidebar-toggle）

6. 沉浸阅读按钮（immersive-mode）

7. 评论弹幕按钮（danmaku-mode）

📍 按钮布局

按钮位置顺序

小说书单页面使用示例

📚 小说书单功能简介

主要特性

🚀 快速开始

1. 创建小说书单页面

2. 配置小说书单数据

3. 配置书单样式

网友圈

网友圈

碎碎念碎碎念岁岁平安