Urara-Blog/urara/2024-09-14-obsidian-apperance/+page.md
2024-09-15 03:41:53 +08:00

9.6 KiB
Raw Blame History

title created summary tags image
使用 Obsidian 三年之后的设置 (外观篇) 2024-09-14 爱用 Minimal 主题就是 Minimalist 吗
Obsidian
/2024-09-14-obsidian-apperance/cover.png

截止这篇文章发布的时候2024年9月14日我的 Obsidian 库里面有2874个文档最早的文件创建时间是 2021年5月18日。我的设备是Macbook Pro M1 2020目前还足够跑一个这样的Obsidian仓库没有卡慢的情况。

太长的文章我没有信心写完所以打算一篇一篇写这是第一篇关于我在Obsidian里面做的一些面子工程。

个人偏好

虽然本人姑且算是一个程序员但是我喜欢All in Light mode喜欢小的字体15、14px左右、喜欢低饱和的配色比如Nord、Catppuccin这种喜欢纤细扁平的UI风格如果有一点干净清透的阴影就更好了还喜欢有一点圆角的图片我是说4px左右

所以我的配置也是这种风格的,请看目前的配置:

image.png

其实对于目前的样式我是有一些不满意的就是……左边工具栏好多风格不一的icon而且都是些我不太用得上能没事……再忍忍等写到插件篇我会去整理的。

基础样式

字体

字体选择策略

忘记在哪里看到过衬线体适合阅读无衬线体适合用作界面UI字体因为无衬线体更简洁容易辨别认知负担小。

所以我在Obsidain上也是采取这样的策略目前我的字体设置

目前的正文字体比较正式,像印刷体,之前为了增加记笔记的趣味性,也用过这些搭配:

  • 界面字体:
    • iA Writer Quatto S
  • 正文字体:
    • 英文iA Writer Quatto S
    • 中文:LXGW Bright (这个字体中英文都很美丽,也可以中英文共用一个字体)

代码字体一直都是Jetbrains Mono Nerd Font因为Nerd Font支持很多Logo所以我很喜欢可以在这里选择自己喜欢的下载Nerd Fonts - Iconic font aggregator, glyphs/icons collection, & fonts patcher 顺带一提我在IDE也用的 Jetbrains Mono Nerd Font。

字体大小是15px。

如何分别设置中英文字体

Obsidian上的字体设置有点像CSS里面的有优先级和Fallback越上面的字体优先级越高当上面的字体无法找到对应的字时就会回落到下一个字体设置。

image.png

比如说上图中的字体Spectral为英文字体没有中文字符所以当Spectral中没有中文字符的时候就会使用Zhuque Fangsong中的字体所以我们可以把英文字体放在第一个然后中文字体放在第二个以此来分别设置中英文的字体。

我比较奇怪在网上看到比较好看的网页字体时会马上F12去查看用了什么字体然后想办法下载到电脑上最后收集了好多漂亮的字体但又总是用回那几个。

堆叠标签页

默认状态下Obsidian的标签页是像浏览器那样水平一个一个横着延展的

默认状态

但是我喜欢设置成像书本一样堆叠的标签页: image.png

如果用可以用滚轮左右滑动的鼠标就很方便,比如说我用的魔法老鼠和触控板,手指轻轻一滑就可以左右滑动切换页面,也许这也是我为什么还在用魔法老鼠的原因之一吧。

设置方法如下: image.png

题外话: 这个设置我都忘了什么时候设置的了上次朋友问我找了好久。这个功能在我一开始用Obsidian的时候是没有的我是在+ Start Here - LYT Kit的设置教程里看到的,当时是用一个叫 Sliding Panes 来设置的最近一年多才加上堆叠标签页的功能。于是我就把Sliding Panes卸载了现在社区里也找不到这个插件了。

其他

  • 我没有修改Obsidain的icon即使我觉得不好看但是也不是不能看所以就懒得换了。
  • 没有开启半透明效果
  • 没有开启自动Dark Mode, 再说了,电脑夜如白昼的话,开了也相当于没开。

主题

Things

用了很久的 Things 这个主题的风格比较正式、整洁标签的样式也很清新我曾经参照Nord的配色修改了各个标题的颜色但后面不知道为什么不见了这个主题下的图片有很漂亮的圆角和阴影我很喜欢。但我还是慢慢地厌倦了。

things

Minimal

在很长一段时间,直到今天我都在用Minimal 这个主题这是我最喜欢的主题它简洁优雅没有对Obsidian本体做太多UI上的修改就使得整个界面焕然一新就像人剪了个适合自己的发型那样还能看出来是自己。好烂的比喻

Minimal 主题最好配合插件Minimal Theme Setting使用配合插件可以使用更多的配色做更多细致的调整。我最喜欢的配色是Nord配色加上Background Contrast设置为All LightAll Light 模式下底色更白更统一一点插件里还有E-ink主题有墨水屏显示器的朋友可以试一下。

Minimal Theme setting 中可选的主题:

image.png 我还喜欢用彩色的Heading需要在插件中打开这个 image.png 其他的设置参考上图我习惯只对外链用下划线内链不用这样我能比较容易地区分链接类型然后status bar(右下角的那条东西) 也全隐藏起来。

对了Minimal还有一个很好的功能就是对Checklist的样式做了特别的CSS感觉很像Bullet Journal里面的list可以参考Checklists - Minimal Documentation

大概是这个样子:

其实我还装了很多其他的主题,但我已经不再使用它们了,所以不再赘述。

美观用的插件

Hider

GitHub - kepano/obsidian-hider: Hide Obsidian UI elements such as tooltips, status, titlebar and more

一个可以自定义隐藏部分Obsidian UI组件的插件比如说隐藏Scroll Bar之类的和Minimal是同一个作者也就是现在Obsidian的CEO1。其实这个插件我已经没有在用了可能是Minimal Theme Setting里已经包含了其中的功能所以我不太用得上了但是因为已经用了两年多所以还是列一下。

Style Setting

GitHub - mgmeyers/obsidian-style-settings: A dynamic user interface for adjusting theme, plugin, and snippet CSS variables within Obsidian

这个插件可以用于调整很多主题的颜色配置等细节如果那个主题支持的话像上面提到的Things, Minimal都可以在这里调整。

因为我很少用H1大标题总是从H2开始所以我给Minimal的H2标题加了下划线可以这样设置 image.png

Admonitions

GitHub - javalent/admonitions: Adds admonition block-styled content to Obsidian.md

给Obsidian里的Callout Block添加动画效果我比较少用Callout但是样式我挺喜欢的。

List Callouts

GitHub - mgmeyers/obsidian-list-callouts: Create callouts in lists in Obsidian.

可以给List加上icon和颜色的插件因为我记不住符号所以不怎么用但我很喜欢。

Demo

File Explorer Count

文件夹内文件数量显示的插件,这应该也算是界面美观的一种?很实用。本文最开头提到的计数就是用这个插件算出来的。

Lapel

GitHub - liamcain/obsidian-lapel: 🤵 Dress up your editor. Obsidian plugin to show the heading level in the gutter.

一个在编辑器左侧显示Heading层次的插件说不上有什么用但觉得还是有点用。我一直开着。


  1. 时间过得真快我一开始用他插件的时候他还只是一个活跃的用户呢结果某天就变成了CEO ↩︎