🎨 博客魔改总览

这篇文章是本站所有自定义魔改功能的总览，方便快速找到各个功能的入口和介绍。

📖 基础功能

1. 文章页卡片化

  • 效果：文章内容变成毛玻璃卡片，标题移入正文卡片
  • 文件：source/css/custom_article.css
  • 特点：暗色主题、玻璃拟态、统一版心

2. 统一版心布局

  • 效果：全站页面统一 1152px 居中布局
  • 页面：文章页、archives 列表、迹寻日历
  • 特点：顶栏 fixed 悬浮，内容从视口顶部开始

🧩 侧边栏组件

3. 电子时钟小部件

  • 效果：侧边栏显示实时时钟
  • 版本：3.0
  • 特点：暗色主题同步、毛玻璃效果

4. 日历组件

  • 效果：迹寻页面的日历视图
  • 特点：按类别着色、月视图/周视图

5. 历史上的今天

  • 效果：首页显示历史上的今天文章
  • 特点：自动从文章日期匹配

🎯 特色页面

6. 追番库

  • 路径：/anime/
  • 功能：个人已看番剧展示播放器
  • 特点：卡片布局、线上 iframe + 线下本地解析双模式

7. 学术工作站

  • 路径：/scholar/
  • 功能：文献阅读、标注、AI 摘要
  • 特点：文斋开拓、原文精读、译文库

8. 迹录（工作日志）

  • 路径：/worklog/
  • 功能：个人时间记录、日历视图
  • 特点：本地存储、月度统计

🔧 技术实现

9. Swiper 轮播图

  • 效果：首页顶部文章轮播
  • 配置：文章 front-matter 加 swiper_index
  • 特点：本地资源、Pjax 兼容

10. 分类磁贴

  • 效果：archives 页面的分类卡片
  • 特点：毛玻璃、彩色分类

11. 音乐可视化

  • 效果：APlayer 音乐播放器
  • 特点：网易云/QQ 音乐源、暗色主题

📌 快速导航

功能 路径 说明
首页 / 主页面
文章 /archives/ 文章列表
迹录 /worklog/ 时间记录
追番 /anime/ 番剧库
学术 /scholar/ 工作站

持续更新中…