被朋友追着问了两月的公众号排版,我做成Skill开源了

从我开始写公众号,就断断续续有朋友问我,你的排版是怎么做的?

Hi,朋友们,好久不见啊~

很早之前我就答应过要专门做一次排版分享,中间一直被别的事情打断,就耽搁了很久。

这次总算抽出时间把这件事情搞定啦。

并且,这篇文章不单单会分享我的排版方案,我还把它做成了一个Skill。朋友们只要拿到Skill,就可以轻松复刻我的排版风格。

目前这个Skill已经上传到GitHub,链接我也会放在文末。朋友们如果觉得好用,记得给我个Star哈哈。

01. Obsidian排版

我自己之前所有公众号的排版,其实都是在 Obsidian 里面完成的。

具体来说,我做过一个 Obsidian 的排版插件,也开源到了Obsidian的第三方插件库里 (叫wechatPB)

只要你在 Obsidian 里把稿子写好,点开这个插件,就可以直接在插件里完成预览,并且还支持一键发布到草稿箱功能。

基本上从写稿到出图,都可以在 Obsidian 一个软件里完成。

所以我原本这次的计划,就是直接分享这个 Obsidian 插件怎么用。

但后来想了一下,其实还会有一些朋友是不用 Obsidian 的。如果只是为了排版这一个功能,还要专门去学一个新的笔记软件,装配置、理解仓库、了解插件系统,这一整套下来门槛就变得比较高了。

但如果把它做成SKill,它就不会再绑死在Obsidian里面。

你在 Codex 里能用,在国内现在很火的 Workbuddy 里也能用,只要是支持 skill 的地方,直接安装就行。

于是就有了现在这个公众号排版 skill。

02. 排版 skill 的特点

这个 skill 和我知道的一些其他排版Skill,其实有一个比较大的差别。

一般的排版 skill 你把稿子丢给它,它就会用自带的一套样式给你排好,给的是什么样式,你就只能用什么样式。

如果整个排版样式你都喜欢,那还好。如果其中一部分你不喜欢,想换,那就很麻烦了。

所以,我这个Skill就做得细节了一些。

用完之后它不会只丢一段成品给你,而是会给你打开一个临时的预览页。

这个预览页除了让你实时看排版效果以外,还在旁边加了一个工具栏,让你可以做出更多DIY调整。

比方说你可以在这个工具栏里替换风格。

如果你觉得当前这套风格不太喜欢,可以找到排版风格部分,直接切换到另外一套预设风格。

这里面,我准备了5套预设风格。除了我自己在用的绿白以外,还有其他几套都是我认为很不错的。朋友们可以按照自己的喜好选择。

当然了,如果你喜欢这个排版风格,但是不喜欢这个配色,你也可以更换配色。

工具栏里专门有一块调色的部分,可以在保持整体排版结构不变的前提下,把颜色换成你自己喜欢的色系 (比方说想试试偏冷的灰蓝,或者想换成暖橘色调)

03. DIY 排版

另外另外,这个Skill,还有一个专门供你DIY的部分。

我把公众号里可调整的所有元素全部都做了拆分。你可以随意调整排版里的任何元素,并且保持整体的排版不变。

比方说文字部分。

你选了一套排版风格,整体版式都挺喜欢的,但一看正文文字,觉得笔画有点太粗,读起来密度太大。

这时候你就可以在工具栏里找到字重这一栏,选择需要调整的文字部分,把字重往下调一档,文字就会变细一些,看起来会精致一点。反过来如果你觉得当前字体太单薄撑不住页面,也可以往上加一档。

除了字重以外,其他能调的还包括:

  • 标题样式:标题的底色、边框、下划线、居中还是左对齐,都可以在工具栏里换
  • 图片圆角:默认排出来的图片是方的,你可以给它加圆角,做成偏卡片的感觉
  • 引用块、代码块、列表这些常见元素的样式,也都可以单独换

DIY调整过后,你可以点击工具栏左下角的保存为新风格按钮,就可以把风格保存到默认风格排版里。

之后,只要一键复用就行。

04. 风格学习

如果,所有的排版风格你都不喜欢怎么办?嘿嘿,我还在Skill里加了一个风格学习功能。

比方说你平时刷公众号,看到某个博主的排版特别对你的胃口,你就想:“哎,这一版排版我也想要。”

现在你可以直接把那个博主的文章截图发给这个 skill,或者把文章链接丢给它。它会去分析这套排版的结构和样式细节,然后基于你给的素材,专门给你生成一套独属于你的风格样式。

生成完了以后,这套样式会自动加进你的预设里,下次直接就能选。

你也可以多喂几篇,让它综合学习。比方说你把 3 个你都喜欢的博主文章丢进去,它会把这 3 套风格里你比较偏好的共性挑出来,混合出一套只属于你自己的样式。

写在最后

拖了这么久终于把这个Skill做完,也算是把很早以前答应朋友们的事情补上了哈哈哈。

整个Skill我目前实测下来是没问题的,你们现在看到的这篇文章也是这个Skill完成的排版。

朋友们可以去试试看,如果有什么bug的话,欢迎评论区告诉我,我去迭代。

以上就是全部,希望朋友们会喜欢这个Skill。

祝好🍀

哦对了,这是排版Skill的项目地址:

1
https://github.com/Kianzzz/zhouxing-paiban-wx

如果想试试Obsidian插件的话,也可以在Obsidian的插件市场里搜一下「wechatPB」。