README.md

November 21, 2025 · View on GitHub

前言

一个0代码基础的咸鱼，在AI-chat的帮助下历时整整3个月（几乎将我所有玩游戏的时间都贡献出来），今天（2025/11/16）这个博客主题总算正式发布了☆: .｡. o(≧▽≦)o .｡.:☆，

主题名为：Akari's -Theme。

本博客主题：基于© shmaur ｜ © 东东 分享的trilium博客主题 Ankia、WhiteMinimalist 进行调试修改。

截图预览

注意：本主题是基于 Trilium Notes v0.63.7 版本进行完美测试适配，最新版Trilium Next不一定完全可用。

作者：Akari_404

版本：v1.1

附件：Akari's Blog (V1.1_20251121).zip

预览Blog：阿卡林の笔记 (aiphm.cn)

Akari's -Theme主题特点

  1. 全局配置与 SEO
  • 读取站点/博主元数据（名称、头像、关键词、备案号等）
  • 自动生成各页面 SEO Meta、share-Card、robots、canonical 链接
  • 接入网站管理员设置。让搜索引擎爬取（百度/必应/Google）及 Umami 无 Cookie 站点访问统计
  1. 主题样式与脚本资源管理
  • 动态注入 CSS/JS（highlight、mathjax、viewer、twikoo、折叠、蒙版调色盘、BGM、特效、kimi-chat等）
  • 按需加载第三方库：force-graph、Sakana! Widget、Twikoo 评论系统、OwO 表情增强等
  1. 自适应导航栏
  • PC 端：LOGO、主菜单、下拉子菜单、一键展开“全部菜单”（含最近访问记录）、搜索
  • 移动端：抽屉式菜单、搜索按钮、菜单切换按钮
  • 自动高亮当前页面、外链新窗口、最近访问 localStorage 记录与回写
  1. 多维度侧边导航（非首页）
  • 树状/标签/分类 三种维度目录，支持实时搜索、全部展开/折叠
  • 目录节点自动生成锚点，点击自动路由并定位
  • 修复移动端首次点击失效、自动滚动高亮当前标题
  1. 页面大纲（TOC）与信息卡片
  • 自动提取 h1-h6 生成层级目录，同步滚动高亮
  • 信息卡片：博主信息、公告、推荐阅读、文章分类、标签云、最新评论、说说
  1. 内容区核心功能
  • 文章页：自动生成标题、作者、日期、字数、阅读量、标签、版权声明显示
  • 文章卡片：置顶、摘要、头图、分类、标签、相对时间、外链识别
  • 自定义页面：友链、归档、标签云+知识图谱可视化
  • 代码块：行号、语言修正、代码块可折叠
  • 媒体增强：图片点击放大、MP4视频自动替换为可控播放器、数学公式 MathJax 渲染（汉化MathJax右键菜单）
  • 打赏模块：微信/支付宝收款码弹窗
  1. 交互与体验
  • 返回顶部、目录/大纲折叠按钮、悬浮提示；打磨细节，优化多个影响体验的小bug，更好的界面排版，更生动的元素。
  • 智能导航栏（向下滚动隐藏，向上滚动显示，默认注释未启用）
  • 首页随机语录+气泡+霓虹字特效、彩色飘带背景、蒙版调色盘
  • 背景音乐
  1. 扩展钩子
  • header 预留插入点，方便不改动模板即可追加 meta、link、script，超详细的中文注释与分组方便二次迭代。
  1. 兼容
  • 打磨移动端细节，移动端优先响应式，兼容主流现代浏览器，优化了众多细节bug。

使用方法

  • 下载附件，运行Trilium Notes，右键左侧树导航，导入到笔记（取消勾选安全导入），按F5或ctrl+r刷新页面。
  • 博客主题：Trilium X Akari 博客主题使用介绍详见我的博客文章：https://www.aiphm.cn/share/EFzcB6z2IYGo

致谢

Trilium博客主题：Ankia-Theme 

Trilium博客主题：WhiteMinimalist-Theme