# Akari's-Theme

## Trilium博客主题：Ankia

作者：东东

版本：v1.7

Github：https://github.com/dvai/Ankia-Thme

Blog：www.ankia.top

使用手册：Trilium博客主题：Ankia 使用指南 - 东东的小黑盒

## Trilium博客主题：WhiteMinimalist-Theme

> shmaur 基于Ankia主题迭代。

作者：黄金_shmaur

版本：v1.2

Blog：www.shmaur.com

shmaur v1.2 使用手册：点击查看 Shmaur 版本使用手册

## Trilium博客主题：Akari's -Theme

> 我（Akari_404）基于shmaur WhiteMinimalist-Theme v1.2主题进行修改。

作者：Akari_404

版本：v1.0

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

使用手册： 博客主题：Trilium X Akari 博客主题使用介绍 - 阿卡林の笔记 (aiphm.cn)

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

## 「主题根笔记」的全部 标签（label） 和 关系（relation）

它们像「配置项」一样控制静态博客的各种功能，开发新增功需要配置到这里面来。

# ======================= 1. 站点基础信息 ========================
# 博客标题、作者、SEO、备案等「一眼能看到的文字」
siteName = 阿卡林の笔记 # 网站大标题（浏览器标签 + 首页）
bloggerName = 阿卡林の笔记 # 作者昵称（版权区 + 侧边栏）
blogStartTime = 2025-09-12T00:00 # 建站日期 → 底部「已运行 X 天」
siteKeywords = 振动分析、故障诊断... # SEO keywords
shareDescription = 随便记录和总结知识... # SEO description（首页）
siteDescription = 使用Trilium Notes... # <meta name="description">
motto = 呐!希望您每天都有好心情 # 侧边栏头像下方签名
record = 备案号 # 底部公安备案文字
recordLink = https://beian.miit.gov.cn/ # 备案号跳转链接

# ======================= 2. 视觉 / 风格开关 =====================
# 背景图、头像、图标等「长什么样」由它们决定
ishomepageBG = true # 是否显示主页背景大图
homepageBG = 主页背景 # 背景图文件（relation→图片笔记）
shareFavicon = logo.png # 浏览器小图标（relation→图片笔记）
bloggerAvatar = logo.png # 侧边栏博主头像（relation→图片笔记）

# ======================= 3. 页面功能总开关 ======================
# 一句话就能开/关的「大功能」
isAnnouncement = true # 顶部公告栏开关
announcement = "由于 up 主水平有限..." # 公告正文
enablePersonalDynamic = false # 侧边栏「说说」开关
enableRecommendedReading = true # 侧边栏「推荐阅读」开关
enableTwikoo = false # 全局评论系统开关
envId = (空) # Twikoo 环境 ID（开启评论才填）
disableLatestCommentPane = false # 首页「最新评论」侧边栏开关
enableReward = true # 文章末尾「为 TA 充电」赞赏开关
wechatPay = 微信收款码 # 微信赞赏码（relation→图片笔记）
aliPay = 支付宝收款码 # 支付宝赞赏码（relation→图片笔记）
isBlogInfo = true # 侧边栏「博主信息」卡片开关

# ======================= 4. 社交图标链接 ========================
# 侧边栏一排小图标，顺序即数组顺序；留空则不显示
githubLink = https://github.com/xxx
zhihuLink = https://www.zhihu.com/xxx
bilibiliLink = https://space.bilibili.com/...
RSSLink = (留空) # RSS 订阅地址
mailLink = (留空) # 点击发邮件（mailto:）
sspaiLink = (留空) # 少数派
netEaseCloudLink = (留空) # 网易云音乐
doubanLink = (留空) # 豆瓣
telegramLink = (留空) # Telegram

# ======================= 5. 前端资源（relation 指向文件笔记）=====
# 换主题色、换代码高亮风格、升级组件库 → 换这些文件即可
prismCSS = prism.css # 代码高亮样式
prismJS = prism.js # 代码高亮脚本
viewerCSS = viewer.min.css # 图片灯箱样式
viewerJS = viewer.min.js # 图片灯箱脚本
mathjax = tex-mml-chtml.js # 数学公式渲染
twikoo = twikoo.all.min.js # 评论系统前端
cssDoodle = css-doodle.min.js # 随机背景花纹
force_graph = force-graph.min.js # 知识图谱力导向图
linkCss = shmaur-linkCss # 友链页面样式
homeCss = shmaur-homeCss # 首页样式
navCss = shmaur-navCss # 导航栏样式
footerCss = shmaur-footerCss # 底部样式
mainCss = shmaur-mainCss # 正文样式
messages = shmaur-messages # 留言板样式
shareCss = Ankia-Theme.css # 全局自定义样式
shareJs = shmaur-js # 全局自定义脚本

# ======================= 6. 模板与结构控制 ========================
# 决定「用什么模板渲染」+「子笔记怎么排序」
shareTemplate = WhiteMinimalist-Theme.ejs # 当前模板文件
sorted = blogItemOrder # 子笔记排序字段
newNotesOnTop = (继承) # 新建子笔记自动置顶
mapType = tree # 知识图谱默认树状布局

# ======================= 7. 杂项 / 预留钩子 =========================
# 目前无实际功能，留给后续扩展或作者测试
mailLink = (留空) # 预留邮箱链接
RSSLink = (留空) # 预留 RSS