[!example] 插件名片
术语解说
相比于其它分栏插件,本插件在实时阅览模式下对某一分栏进行编辑时,不会破坏对其它分栏的渲染,为用户提供了尽量接近富文本编辑器的编辑体验
基本语法例(无须特意学习,仅供参考,后面会介绍如何一键插入代码):
%% col-start %%
%% col-break %%
第一个分栏内容
%% col-break %%
第二个分栏内容
%% col-end %%
- 每个标识符都要单开一行
- 容器标识符
%% col-start %%和%% col-end %%分别标志着分栏的开始和结束 - 分栏标识符
%% col-break %%可通过代码自定义宽度,例:%% col-break:40 %%会渲染为 40% 宽度的分栏;%% col-break:40 %% %% col-start %%和%% col-break %%之间的内容会被忽略
基本用法
[!NOTE] 如何插入分栏?
在命令面板中执行Advanced Multi Column:Insert (...) layout命令,(...)有多种类型,按需执行;或在正文中点击右键,在右键菜单中点击Insert 2 columns、Insert 3 columns或Insert layout下的各种预设布局
除了嵌套以外的预设布局在阅读模式下的渲染图,从上到下依次为:Sidebar + content、Stacked wide、Cornell notes、Kanban board和Info card
[!NOTE] 如何自定义分栏样式?
每个字段以冒号与属性值连接,用逗号分隔,不需空格,标点必须全是英文标点,例:%% col-start:b:secondary,bc:accent,sb:1 %%
字段 属性名称 属性值 b:背景颜色 transparent,primary,secondary,alt,accent-soft,red-soft,orange-soft,yellow-soft,green-soft,cyan-soft,blue-soft,pink-softbc:边框颜色 gray,accent,muted,text,red,orange,yellow,green,cyan,blue,pinkt:/tc:文字颜色 gray,accent,muted,text,red,orange,yellow,green,cyan,blue,pinksb:是否显示边框 1/0,true/false,yes/no,on/offh:/hd:是否显示分栏间的垂直分割线 1/0,true/false,yes/no,on/off
[!NOTE] 如何插入嵌套分栏?
语法例:%% col-start %% %% col-break:40 %% # Column 1 Top-level content. %% col-break:60 %% # Parent column This column contains nested columns. %% col-start %% %% col-break %% ## Child column 1 Nested content. %% col-break %% ## Child column 2 Nested content. %% col-end %% %% col-end %%渲染效果图:
[!NOTE] 如何快速对已有分栏进行编辑?
在实时阅览模式下右键点击分栏,唤出如上图弹窗:
- 最上方的三个按钮分别是
在本分栏右侧或下方添加同级分栏、为本分栏添加子分栏和删除本分栏Column N此处的 N 代表本分栏是同级第 N 个
Stacked:看不懂是什么功能Border:如启用,则本分栏会渲染边框线,在后面的下拉菜单中选择边框线颜色Left border:如启用,则只会渲染左边的边框线Background:在下拉菜单中选择背景颜色Text color:在下拉菜单中选择标题和正文文字颜色Separator
Show separator:如启用,则渲染本分栏与下一个同级分栏间的分隔线Options:在下拉菜单中依次选择分隔线的样式、颜色和粗细Parent N此处的 N 代表本分栏的亲分栏是同级第 N 个
Layout:选择本分栏与其同级分栏是竖向分栏(row)还是横向分栏(stack)Border:如启用,则本分栏的亲分栏会渲染边框线,在后面的下拉菜单中选择边框线颜色Background:在下拉菜单中为本分栏的亲分栏选择背景颜色Text color:在下拉菜单中为本分栏的亲分栏选择标题和正文文字颜色
将鼠标悬浮于分栏上,点击分栏右上角浮现的加号按钮即可在其右侧或下方添加新同级分栏
将鼠标悬浮于分栏上,按住分栏右上角浮现的六个点按钮后拖动即可重排顺序
设置说明
GeneralEnable in live preview:如启用,则插件将在实时阅览模式下渲染分栏Enable in reading preview:如启用,则插件将在阅读模式下渲染分栏Fold note properties by default:如启用,则打开或新建笔记时,笔记属性将默认折叠Enable slash:如启用,则在分栏编辑器内启用 slash 命令建议,我也不知道这是什么Inherit style on add:如启用,则每当用户从一个分栏出发新建同级分栏时,新建分栏继承原分栏样式Default column count:在拖动条中选择添加新布局时,默认分栏数量(范围:2-6)Minimum column width:在拖动条中选择任何分栏的最小栏宽百分比Show drag handles:如启用,则显示六个点按钮,可长按拖拽调整分栏顺序
AppearanceStyle target:在下拉菜单中选择本选项卡中规定的样式是应用于全部分栏还是特定分栏Column index:如上一个选项选择了特定分栏,则在拖动条中选择直到第几个分栏为止是特定分栏(范围:1-6)
Background:在下拉菜单中选择分栏的背景颜色Show border:如启用,则本分栏会渲染边框线Border color:在下拉菜单中选择边框线颜色Border width:在拖动条中选择边框线的粗细(单位:像素,范围:0-8)Corner radius:在拖动条中选择边框角的圆度Text color:在下拉菜单中选择标题和正文文字颜色Width:在拖动条中选择分栏之间分隔线的粗细(单位:像素,范围:0-8)Style:在下拉菜单中选择分隔线的样式Color:在下拉菜单中选择分隔线的颜色
HeadersEnable column headers:如启用,则在分栏的第一行输入!类型名称:标题,在实时预览模式下将被渲染成类 Callout 样式:Header type:在每个卡片中 ,可对各类型的类型名称、图标、背景颜色、文字颜色、字体大小和字重进行设置,内置有五种类型Add header type:点击选项卡最底部的按钮,可添加自定义类型





