关闭

自定义主题-界面元素修改

2025-09-12
-
-

此主题中存在以下几个重复的样式配置项:

  1. 导航栏样式 (#navigationBar):

    • shmaur-navCssAnkia-Theme.css 都包含对导航栏样式的修改。

  2. 主内容区域样式 (#main):

    • shmaur-mainCssAnkia-Theme.css 都包含对主内容区域样式的修改。

  3. 页脚样式 (#footer):

    • shmaur-footerCssAnkia-Theme.css 都包含对页脚样式的修改。

  4. 友链页面样式 (.fLink):

    • shmaur-linkCssAnkia-Theme.css 都包含对友链页面样式的修改。

  5. 目录面板样式 (#toc-pane):

    • shmaur-mainCsstoc_item 都包含对目录面板样式的修改。

  6. 全局自定义样式 (:root):

    • shmaur-mainCssAnkia-Theme.css 都包含对全局变量的修改。


修改优先级:Ankia-Theme.css → 被 → shmaur-*.css → 被 → WhiteMinimalist-Theme.ejs末尾内联 <style> 覆盖

对于样式的修改,优先级通常由CSS的层叠规则决定,即后来的样式会覆盖先前的样式。

脚本文件中有较为详细的中文注释希望能帮到你,使用右键检查元素,可以很方便的定位需要修改的元素所在文件位置。


Akari's-Theme配置文件进阶修改项说明

WhiteMinimalist-Theme.ejs将Canonical URL、Meta Tags域名替换为你自己的-修改59、73、79行
ms必应,baidu,google搜索引擎站点验证替换为你自己的-修改83~85行
Umami 无 Cookie 统计url替换为你自己的 -修改168、1760行
版权声明URL,替换你自己的域名 -修改1154行
页脚标语,替换你自己喜欢的 -修改1793、1794行
BGM/bgm.js

aud.src,替换你自己喜欢的 -修改14行

aud.volume = 0.35; 调整默认音量大小 -修改16行

Other Css effects/welcome.jsconst quotes,增加你自己喜欢的语录。-修改12行起

上面WhiteMinimalist-Theme.ejs文件里这些位置涉及的URL记得修改;

更多的可修改项详见源文件的注释,关键的地方、代码块作用等我都增加了详细的中文注释,方便我们小白二次修改。


高级-增加新拓展功能

你可以增加你自己设计的拓展功能,要配置新功能前,先把Akari's-Theme笔记的两个属性去掉,否则会导致关系配置时搜不到配置文件。等配置好后再把这两个属性加回去。

#shareHiddenFromTree(可继承的) 

#archived(可继承的) 

属性用途说明:


  • #shareHiddenFromTree
    • 范围:共享子树(~share)
    • 作用:把这条笔记从共享站点的「左侧目录树」里隐藏掉,但笔记本身仍然可以通过 URL 直接访问。
  • #archived
    • 范围:任意笔记
    • 作用:把笔记标记为“已归档”。
    • 视觉上:标题会变灰、出现小归档图标;
    • 功能上: 默认不再出现在“全文搜索”结果里;

一般情况步骤如下:

1.写好扩展脚本;例如:kimi-chat.js
2.加入到ejs文件预留头部钩子中;<script type="module" src="api/notes/<%= note.getRelation("kimichatJs").value %>/download"></script>
3.到根笔记Akari's Blog添加好关系。~kimichatJs(可继承的)=kimi-chat.js

更多

本博客主题:基于© shmaur | © 东东  分享的trilium博客主题  Ankia、WhiteMinimalist 进行调试修改。部分未提及用到的功能说明详见原作者的使用说明文档。Ankia 使用指南 - 东东的小黑盒Shmaur 版本使用手册

“您的支持是我持续分享的动力”

微信收款码
微信
支付宝收款码
支付宝

嗯…自己是谁,应当由自己去探寻……
给自己多充充电,多学点东西,总会有用得到的地方。