乐于分享
好东西不私藏

我做了个插件,让公众号排版不用离开 Obsidian

我做了个插件,让公众号排版不用离开 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

安装方法

  1. 下载插件文件夹(包含 main.jsmanifest.jsonstyles.css 等)

  2. 放入你的 Obsidian vault 的 .obsidian/plugins/ 目录

  3. 重启 Obsidian,在设置中启用插件

不懂代码也没关系,就是下载、放进去、启用,三步搞定。


现在,我终于不用”绕一圈”了。

写完,点一下,粘贴,发布。就这么简单。

如果你也是 Obsidian 用户,也在写公众号,欢迎试试这个插件。

有问题或建议,欢迎与我联系:linauwawa

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 我做了个插件,让公众号排版不用离开 Obsidian

评论 抢沙发

5 + 5 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮