增强 Stellar 标签组件写作体验

本文属于合集：星际餐馆修建报告

本集由 Thun888 佬赞助播出。

我觉得 Stellar 有一个极强的优势——丰富的标签组件，但有个小问题——所有标签加起来 30 多个，而且重复手打 {% %} 多多少少有点难受。

佬那边出了个使用 Typora_plugin 增强 Stellar 写作体验的文章，直击手打 stellar 标签组件无比难受的痛点，然而问题来了，typora 固然好用，可是我等忠实 Obsidian 用户咋办呢？

其实 Markdown 书写工具我大大小小也用过不少，最后还是选择了 Obsidian。在这里浅浅列一下我踩过的坑。

软件	综合评价	描述
Typora	★★★★★	软件的优化很好，就是没有移动端，只能在电脑上写。
Obsidian	★★★★★	多端同步，实时预览，丰富插件支持（打公式不要太方便！对于平时经常要用 latex 的我来说这点秒杀其他软件），在手机上就能直接更新博客发布网页，还要多说什么呢，Obsidian yyds。缺点也有啦，软件优化比 typora 差，以及学习成本可能较高（江湖上传闻用 Obsidian 不折腾点啥子浑身难受）但我就是喜欢。
Notion	★★★☆☆	我算得上是首批用户，Notion 的 block 概念也被国内各种后起之秀像 wolai，思源笔记之流的抄了去。其实功能还是很好用的，包括便捷的文档管理，就是网速太慢！有的时候开个文档的功夫够开个会了。（开发者一开始就明确表明过不发展中国市场，在我弃坑之前都一直没有更新中文的本地化……）以及导出 PDF 格式总是怪怪的，用了很久最终还是放弃了。
Bear	★★★☆☆	设计很简洁，速度也很快，但是电脑端总给我一种手机 app 的半成品感觉，也没办法访问 md 文件，这个定位对我来说挺尴尬的，就是一个能写 Markdown 的苹果自带备忘录。
wolai	★★☆☆☆	说难听点就是抄袭 notion 还抄得稀碎，中国互联网方法论之 copy to China 的劣质案例。刚出的时候用了一下优化很差，一看还要钱立马再见

还零零星星尝试过一些手机端 App，drafts（平平无奇），Mweb（有点麻烦），Taio（平平无奇且订阅制），Craft（太贵了，也不是标准的 Markdown）……等等。所以最后我只想说：

在佬的推荐下，利用 Obsidian 插件 Various Complements 可以实现类似的填充功能，而且最棒的是可以多端同步，手机上也能使用（iPhone 13 Pro on iOS 17.1.2 很丝滑）

配置

新建一个 dict.md 文件，填入以下内容：

%% various complements dictionary %%
emoji>>>{% emoji blobcat <CARET>ablobcatattentionreverse %},插入表情标签,,emoj,表情
mark>>>{% mark <CARET> color: %},插入标记标签,,mark,标记
hashtag>>>{% hashtag <CARET> color: %},插入 hashtag 标签,,hashtag,标签
image>>>{% image <CARET> download: width: padding: bg: %},插入 image 图片标签,,image,图片
quot>>>{% quot <CARET> icon: hashtag %},插入 quot 引用标签,,quot,引用
poetry>>>{% poetry 游山西村 author:陆游 footer:诗词节选 %}\n{% endpoetry %},插入 poetry 诗词标签,,poetry,诗词
note>>>{% note [title] <CARET>content color: %},插入 note 备注块标签,,note,备注
link>>>{% link href [title] [icon:src] [desc:true/false] %},插入 link 链接卡片标签,,link,链接
button>>>{% button text url [icon:key/src] [color:color] [size:xs] %},插入 button 按钮标签,,button,按钮
okr>>>{% okr o1 %}\n{% endokr %},插入 okr 目标管理标签,,okr,目标
copy>>>{% copy [code] prefix:$ %},插入 copy 复制行标签,,copy,复制
radio>>>{% radio checked:true [name] %},插入 radio 单选标签,,radio,单选
checkbox>>>{% checkbox symbol: color: checked: [name] %},插入 checkbox 复选标签,,checkbox,复选
audio>>>{% audio <CARET> %},插入 audio 音频标签,,audio,音频
video>>>{% video <CARET> %},插入 video 视频标签,,video,视频
navbar>>>{% navbar <CARET>active:/wiki/ [文章](/) [项目](/wiki/) %},插入 navbar 导航栏标签,,navbar,导航
timeline>>>{% timeline %}\n<!-- node [text] -->\n{% endtimeline %},插入 timeline 时间线标签,,timeline,时间线
folders>>>{% folders %}\n<!-- folder 题目1 -->\n{% endfolders %},插入 folders 文件夹/折叠容器标签,,folders,文件夹
friends>>>{% friends [name] %},插入 friends 友链标签,,friends,友链
sites>>>{% sites 分组名 %},插入 sites 站点标签,,sites,站点
md>>>{% md [url] %},插入 md 标签,渲染外部 markdown 文件,,md,markdown
toc>>>{% toc wiki:xxx [open:true] [display:mobile] title %},插入 toc 文档目录树标签,,toc,目录
box>>>{% box [title]<CARET> [color:color] [child:codeblock/tabs] %}\n{% endbox %},插入 box 盒子容器标签,,box,盒子
tabs>>>{% tabs active: align:center %}\n<!-- tab [name] -->\n{% endtabs %},插入 tabs 分栏容器标签,,tabs,分栏
grid>>>{% grid bg:box/card %}\n<!-- cell -->\n{% endgrid %},插入 grid 标签,,grid,网格
gallery>>>{% gallery %}\n{% endgallery %},插入 gallery 图库容器标签,,gallery,图库
albums>>>{% albums [group_id] %},插入 albums 专辑容器标签,,albums,专辑
posters>>>{% posters [group_id] %},插入 posters 海报容器标签,,posters,海报
banner>>>{% banner [name] bg: %}\n{% endbanner %},插入 banner 横幅容器标签,,banner,横幅
swiper>>>{% swiper effect:cards %}\n\n{% endswiper %},插入 swiper 轮播容器标签,,swiper,轮播
ghcard>>>{% ghcard [name] %},插入 ghcard 标签,,ghcard,卡片
ghcard-dark>>>{% ghcard [name] theme:dark %},插入 ghcard 标签（暗黑主题）,,ghcard-dark,暗黑
psw>>>{% psw 密码 %},插入 psw 密码标签,,psw,密码
u>>>{% u 下划线 %},插入 u 下划线标签,,u,下划线
emp>>>{% emp 着重号 %},插入 emp 着重号标签,,emp,着重号
wavy>>>{% wavy 波浪线 %},插入 wavy 波浪线标签,,wavy,波浪线
del>>>{% del 删除线 %},插入 del 删除线标签,,del,删除线
sup>>>{% sup 上角标 %},插入 sup 上角标标签,,sup,上角标
sub>>>{% sub 下角标 %},插入 sub 下角标标签,,sub,下角标
kbd>>>{% kbd ⌘ %},插入 kbd 键盘样式标签,,kbd,键盘

进入 Various Complements 设置项，设置以下内容，其中路径填写你的 dict.md 所在路径：

另外推荐把这里的选择快捷键设置为 Enter|Tab。

预览

在使用过程中遇到 various complements 的一个坑，就是必须在命令前输入一个空格才能匹配，也没有找到手动触发，翻了翻 issue 好像是说有这样那样的问题。
后来想了想，如果接受不了这一点的话，类似的插件其实也可以实现同样的效果，比如 QuickAdd，Wrap With Shortcuts，本质上就是添加了一个快捷填充，然后通过 app 系统命令的形式 /command 调用。

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。

增强 Stellar 标签组件写作体验

配置

预览

更多