携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情。
前言
Obsidian 可以是一个基础的文本编辑器,也可以是一个复杂的知识管理系统。
对我来说,我想要寻找的是一款适合程序员的笔记软件,在陆续尝试了 oneNote、印象笔记、typora、作业部落、幕布、石墨、Notion 等各种类型的软件后,我发现其实我真正想要的仅仅是两个功能:
- 支持 Markdown 格式
- 可以多端同步
在这个基础上,我发现了 Obsidian,它有很多复杂的功能,可以建立双向链接、查看关系图谱,有丰富的插件支持。但是对我来说,它最基础的功能已经够用了,我将它看作一款 Markdown 编辑器,搭配 Dropbox 云存储使用简直是完美,它们共同演绎了我心目中的多端同步的 Markdown 笔记软件。
除此以外,它还有很多优点:
- 免费的
- 文件存储在本地的
- ...
主题
今天在写掘金文章时,突然发现掘金的自定义主题相对于 Obsidian 的默认主题显得更加趣味横生,于是也想倒腾下 Obsidian 的自定义主题。
自定义主题
Obsidian 的社区内有很多成员共享的主题,可以从中选择一个来改变 Obsidian 的风格。
查看文件夹
点击 文件夹 图标按钮则可以访问 Obsidian 的主题文件夹,查看所有主题的 CSS 文件,文件夹路径为:库名称/.obsidian/themes。
管理
点击 管理 按钮则可以浏览社区主题(浏览社区主题需要可以访问国外的网络)。
点击 使用 按钮可以下载并使用相应的主题。
创建主题
在主题文件夹中,可以参考已有主题的 CSS 文件,创建新的主题样式,然后在主题设置中选择并使用即可。
这里存在一个问题,已有主题的 CSS 文件看起来非常凌乱,我们怎么知道不同的 CSS 样式到底在哪里生效呢?
我们可以使用快捷键,唤起 Obsidian 的开发者工具,然后就像在浏览器中调试一样,可以轻松知道各个元素对应的类名,对应调整即可。
Mac 中的快捷键为 option+command+i
CSS 代码片段
CSS 代码片段指的是仅包含几行代码的 CSS 文件,这些片段比主题文件有更高的优先级,所以主题的一些设置会被代码片段覆盖,从而达到细微修改主题文件的效果。CSS 代码片段需要保存到相应路径并且在设置中开启后才能生效。