Obsidian 主题及样式功能|bilibili|css|obsidian|哔哩哔哩|插件

一、前言

Obsidian的 Blue Topaz 主题用久了感到有点乏味了，怎么办？当然可以重新下载主题，或者自己下载CSS Snippet来修改啦。那怎么来修改现在的主题或应用新的主题或Snippet 呢？刚好今天自己也修改过，所以顺便写一下如何个性化 Obsidian 主题、样式、颜色、字体及字号吧。

二、直接在软件上调整样式

如下是我的软件设置外观配置项：大家按我图上标识步骤操作，可以下载新的主题及启用新的主题和样式；也可以修改全局的编辑器字号，同时可以通过CSS代码片段来增加一些新的显示效果(比如：为大纲标题添加竖线效果，用不同的颜色来区分、或在标题前面用 H1-6来文字标识是几级标题等)。下载新主题使用或用插件辅助调整，获取CSS Snippet在Obsidian中启用能最方便的满足我们需求。

1.直接下载及更换主题 2.通过插件界面调整主题 3.下载CSS Snippet片段增强效果

这几个操作估计大家都会，不会也没关系，这里我直接在B站找到几个操作的视频方便你在不操作样式源代码文件的情况下快速调整自己的需求。

一般的主题下载后是不会在设置项里有插件配置项用于直观的调整样式的，除了部分为自家主题提供了配置插件的除外。如下的 minimal主题它就配置了自家的插件，用于在 Obsidian中调整个性化主题的展示效果。所以你可以搜索一下主题方是否提供了插件能够帮助你方便修改。

minimal 一款极简主题及其设置插件| 笔记神器 Obsidian 完全指南_哔哩哔哩_bilibili
www.bilibili.com/video/BV1X84y1F7E9

极简主题 + 彩色标题 | Obsidian 完全指南_哔哩哔哩_bilibili
www.bilibili.com/video/BV1rb4y1r75v

Obsidian 完全指南之更换主题字体_哔哩哔哩_bilibili
www.bilibili.com/video/BV13N411o7g5

另外还可以通过CSS 代码样式来为你的笔记添加显示效果，只要下载并启用额外的样式文件即可，如上面说的大纲竖线效果，颜色及H1-6显示效果等。要记住的是，有些主题是默认集成了这些CSS 代码样式的了，比如我用的 Blue Topaz, 它自己就有了大纲的竖线效果，所以如果你要是想实现更多的效果，使用已集成代码片段功能的新主题，会比配置多个CSS 片断更方便达到需求。

⭐Obsidian：神奇的 CSS Snippets 代码段_哔哩哔哩_bilibili
www.bilibili.com/video/BV1eK4y1M7K9/

Obsidian 小技巧 | 不会css如何自定义主题？_哔哩哔哩_bilibili
www.bilibili.com/video/BV1P3411676a/

可能是 Obsidian 最完美的主题 | 善用佳软_哔哩哔哩_bilibili
www.bilibili.com/video/BV1nv4y1f7Hh/

GitHub - Dmitriy-Shulha/obsidian-css-snippets: Most common appearance solutions for Obsidian now in a single place. Initially collected by Klaas: https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474
github.com/Dmitriy-Shulha/obsidian-css-snippets

如上，除了套用满足你需求的新主题、使用主题方提供的插件修改、或者下载新的CSS样式使用外，我们还可以对主题样式配置文件进行直接的修改。

三、通过代码文件修改样式

比如说我用的 Blue Topaz 主题要进行样式的修改，如上图所示，我们(设置中点击主题配置项右侧文件夹图标)进入样式文件，找到Blue Topaz.css 样式文件并用visual studio code打开。

=== 提示：操作前请先备份一份再修改！！===