Obsidian Action: 分栏功能最简单的实现

3,460 阅读1分钟

我们再很多地方看到别人使用Obsidian 制作的主页,里面的分栏效果很好看。他们是怎么实现的呢?

再Obsidian 中实现分栏有很多种不同的插件可以使用, 社区商店就有好几个,比如: Multi-Column Markdown Admonition 等,但是 用起来都不是特别方便,要么是不太美观,有bug,或者需要手动写css 代码。今天我 分享一个0代码 的简单方式, 使用 obsidian-columns
首先我们通过社区商店里面搜索Columns 安装即可 。
Pasted image 20240421231505

它的配置项也很少,仅仅只有两个,这就对我们的使用不会造成太大影响。
Pasted image 20240421231357
开始介绍 obsidian-columns 之前,先看看一个例子,

Pasted image 20240421225428
如果您看了它的语法肯定会对它更加感兴趣的

`````col-md
flexGrow=1
===
````ad-tip
# Work
> - 👉 [[work-home]]
````

`````
`````col-md
flexGrow=1
===
> [!info] Study
> - 👉 [[000-P.A.R.A/0.Area/index|PARA]]
`````
`````col-md

flexGrow=1
===
# life
[[2024-04-21|journal]]
`````

没错,它不需要多余的配置,就可以轻松实现分栏功能,并且可以跟Admonition , Dataview 等插件配合使用。
obsidian-columns ,它具备 文本对其,高度、宽度设置等功能,在我测试下来,兼容性还很强。
比我目前使用的自定义css Admonition 方案,轻松太多,建议您马上尝试一下。Obsidian Action: 分栏功能最简单的实现。