我做了个插件,让公众号排版不用离开 Obsidian
我之前做了个微信工具箱网站,用起来挺顺手的。
但有个问题一直困扰我:我日常都在 Obsidian 里写文章,每次写完还得开浏览器、复制过去、调格式、再复制回来。
明明是自己做的工具,却还要”绕一圈”,属实有点蠢。
于是我就在想:能不能在 Obsidian 里面,直接一键把文章转成微信格式?
找到了一个开源插件
在 GitHub 上翻了一圈,还真让我找到一个:ai-writing-plugins。(在此,要特别感谢 #AI产品自由 这位作者)
装上试了试,能用,但说实话,有点不太符合我的审美。特别是在”优雅”和”专业”这两个维度上,总感觉差了口气。
比如:
-
标题层级不够清晰,大标题太抢戏,小标题又太弱
-
缺乏真正的”衬线体”支持,文字没有呼吸感
-
代码块样式不够现代
既然网站那边我已经打磨过[[微信工具箱 2.0 更新:新增小红书卡片导出,不仅是好用|好几个主题]]了,不如把经验搬过来。
于是,我决定动手改造:做了个个可能是目前最优雅的 Obsidian 公众号排版插件。
我做了什么
这次改造的核心,不是堆功能,而是让它好看。
我把网站上打磨过的三个主题移植了过来,并针对 Obsidian 的使用场景做了适配。
设置面板

简约主题 (Simple)
灵感来源:GitHub 风格。
极简主义,去除了所有不必要的装饰。字号层级拉开(H1 更大更透气),字间距收紧到 -0.5px,看起来清爽多了。
引用块用的是 GitHub 那种灰色,不抢戏。
简约主题

经典主题 (Classic)
灵感来源:专业商务文档。
抛弃了土气的”实心胶囊”和”全宽边框”,用 CSS 渐变技术实现了固定宽度的居中下划线(H1 是 80px,H2 是 50px)。
不需要引入外部图片,纯 CSS 实现。适合严肃的技术文章或经验分享。
经典主题

优雅主题 (Elegant)
灵感来源:高端杂志 (Kinfolk / Editorial Design)。
这是我打磨最久的主题,因为我自己写文章最常用这个。为了达到”优雅”的效果,我引入了一个设计理念叫 “Sequential Shift”(层级顺延):
-
H1 & H2:统一使用带有”金线渐变”的居中样式,看起来最正式
-
H3:左对齐的衬线斜体,既显眼又不打断阅读流
-
H4:秩序感的下划线样式
在这个主题下,所有标题强制使用衬线体,无论你设置什么正文字体,标题永远是衬线体,有那种杂志的感觉。
这篇文章使用的就是优雅主题。
优雅主题

其他实用功能
除了好看,好用也很重要。
本地图片无感处理
很多插件不支持本地图片,这个插件会自动将图片转为 Base64 编码。无需图床,直接复制就能用。
GIF 动图也做了特别优化,自动绕过压缩流程,完整保留动画帧。
实时预览
右侧预览区实现了毫秒级响应。你在左侧 Markdown 编辑的每一个字符,都会即时反馈在右侧的公众号预览视图中。
一键复制
点击”复制到公众号”,样式基本不会走样。包括复杂的代码块、引用格式,粘贴到微信后台都没问题。
深色模式支持
在 Obsidian 的深色皮肤下,插件依然能为你展示”白纸黑字”的最终效果。看到什么样,粘贴过去就是什么样。
隐私安全
所有转换都在本地完成,不通过任何第三方服务器,不用担心泄露。
代码块
完美支持短代码和长代码块,样式优雅漂亮。
代码块

如何获取
这个插件完全开源。
项目地址:github.com/DavidLam-oss/obsidian-wechat-converter
安装方法:
-
下载插件文件夹(包含
main.js、manifest.json、styles.css等) -
放入你的 Obsidian vault 的
.obsidian/plugins/目录 -
重启 Obsidian,在设置中启用插件
不懂代码也没关系,就是下载、放进去、启用,三步搞定。
现在,我终于不用”绕一圈”了。
写完,点一下,粘贴,发布。就这么简单。
如果你也是 Obsidian 用户,也在写公众号,欢迎试试这个插件。
有问题或建议,欢迎与我联系:linauwawa
夜雨聆风
