Obsidian Tricks 2 - Multi-Column

在 Notion 和 FlowUs 等一些在线的笔记软件上,可能经常会用多列编辑的功能。我的主页也使用了这样的功能:

为了更多的展示较短的信息,就可以用多列功能。

Obsidian 有一种使用插件完成多列的方案,在第三方插件中可以找到:

但是插件的缺点是:语法复杂、最多只有三列。

这里推荐另外一种我使用的方案:
efemkay/obsidian-modular-css-layout: CSS Layout hack for Obsidian.md (github.com)

项目的文档在这里:
Getting Started | Modular CSS Layout (efemkay.github.io)

安装

首先在 Appearance 里面插入 css 脚本:

在 CSS snippets 中,点击文件夹图标,把 css 文件放入这里。我这里只打开了多列这一项的。

使用范例

输入:

1
2
3
4
5
6
7
8
9
10
> [!multi-column]
>
>> [!note]+ Work
>> your notes or lists here. using markdown formatting
>
>> [!warning]+ Personal
>> your notes or lists here. using markdown formatting
>
>> [!summary]+ Charity
>> your notes or lists here. using markdown formatting

效果:

其他配置

在这里增加配置 CSS Snippets 之后,也可以用 Style Settings 插件进行编辑:

小结

在此处还有两个我不常用的 snippets,在 Getting Started | Modular CSS Layout (efemkay.github.io) 也可以看到 widw viewsgallery cards 的教程。也可以参考具体设置内容。


Obsidian Tricks 2 - Multi-Column
http://blog.chivier.site/2023-03-10/03055de1a298/
Author
Chivier Humber
Posted on
March 10, 2023
Licensed under