YI TUO HUB STUDIO 公众号排版工坊:Markdown 一键排成公众号样式|18 基础主题 + 15 高级排版 + 74 动效组件

在公众号里发一篇长文,最磨人的往往是排版:字号、配色、间距,每一样都要手动调,稍不留神就乱成一团。给大家推荐一下 YI TUO HUB STUDIO · 公众号排版工坊 把这件事收进一个网页:用户贴进 Markdown,它排成一套能直接粘进编辑器的样式。这类软件工具里少见的是它连细节都替使用者想好了。

公众号排版工坊 是一款纯网页的在线工具,不用安装、不挑系统;底层是一套开源的Web应用,任何人都能自己部署。项目以 AGPL-3.0 协议发布,代码公开在 GitHub 上,属于开源项目的一类。对写作者来说,它就像一个常驻浏览器的有趣的网站,打开就能用,关掉不占地方。

场景痛点

很多人写作时在编辑器里反复折腾格式:段间距对不齐、引用块没样式、列表缩进乱跳。更烦的是,在别的工具里调好的版面,Web 上复制到公众号编辑器常常错位,颜色字号全跑偏,只能重来一遍。

这背后是效率和体面的两难:想让文章好看,就得把大量时间花在效率工具本不该消耗的地方——一遍遍手动排版,而不是打磨内容。

核心功能

  • 两个并列主题库:18 套基础主题与 15 套高级排版(蓝梦原创视觉)在工具栏独立选择,不使用“全部 33 套”的混合视图。
  • 六档高级排版:“高级排版”库提供 L1 黑白极简单例,以及 15 套主题各自的 L2–L6;静态简约、静态标题栏、静态主题场景、标题动效和完整主题动效都在原 Studio 内切换。
  • 动态 / 静态成对:L5、L6 可直接切换为几何一致的静态回退;正文、章节文字始终保持普通可编辑 HTML。
  • 终稿结构不重造:L4–L6 直接以冻结的 V24 静态终稿和其 V6 动态派生模板为结构源;标题、导读框、目录、章节装饰与尾部 content_anchor 原样保留,只替换 Markdown 文本槽。
  • 不掉格式:样式全部内联、文字一律 <span leaf=""> 包裹;基础主题继续规避脆弱布局,高级排版仅保留终稿透明叠层所必需的 display:grid,不使用 absolute/fixed/sticky 定位。
  • 智能排版:每段第一个 **加粗** 自动升级为主题色关键词下划线;==荧光笔==++下划线++ 扩展语法;章节自动编号(01/02…)+ 英文小标(实战→PRACTICE、总结→SUMMARY)。
  • 杂志级封面# 标题 / 副标题 一行生成编辑部风杂志卡——刊头小字、双色大标题、关键词行、彩色底栏。
  • 按需内联资产:只加载当前主题所需的 Production V6 组件或最终模板;复制结果仍是没有本地路径依赖的自包含正文。
  • 双关卡质量校验:产物实时过平台红线检查(禁用标签/属性、span leaf 覆盖率、中英混排半角标点提醒),ERROR 清零才建议交付。
  • 一键复制 / 下载 / 导出长图:富文本直接进剪贴板,公众号编辑器 ⌘V 即达;可下载 .html 兜底,也可用仓库内置的离线 html2canvas 将当前预览以 3× 清晰度导出为 PNG 长图。外链图片需支持 CORS,超长文章会按浏览器画布上限自动降低导出倍率。
  • 零构建零后端:纯静态文件,无依赖无框架,任何一台 nginx 都能跑。

工具面向内容创作人群——教程、测评、观点长文、知识清单、数据复盘、生活随笔、品牌专栏都能用。用户贴进Markdown,排出来的成品很适合做自媒体的朋友直接发。它只管排版、不管写作,先有稿子再用它。

两套并列的主题库

主题分成两栏,在工具栏里独立选择,不混成一个大列表。一栏是 18 套基础主题,按风格分三组:杂志编辑部(原创 6 套)、经典复刻(致敬 gzh-design-skill 的 6 套)、新锐系列(6 套)。另一栏是 15 套高级排版,视觉来自蓝梦原创。

高级排版再按精细程度分六档,从 L1 黑白极简到 L6 完整动效,15 套主题各自配 L2 到 L6,合计 76 种分级组合。L5、L6 还能一键切回静态版,排版原样不动。

智能排版

每段第一个加粗词,会自动升成主题色的关键词下划线。想做高亮,用 荧光笔、++下划线++ 两种扩展标记即可。

章节会按顺序自动编号(01、02…),并配上英文小标,比如「实战」对应 PRACTICE、「总结」对应 SUMMARY,读起来更有节奏。文首的引用块会被自动变成引言卡,正文保留左竖条引用样式。

杂志封面与签名

用「# 标题 / 副标题」一行,就能生成编辑部风的杂志卡:刊头小字、双色大标题、关键词行、彩色底栏。文末那句「我是 XX,点赞在看转发」也会被自动识别,合并进统一的签名区。

输入语法速览

合规校验与导出

点「复制到公众号」前,内置校验会实时过一遍平台红线:禁用的标签和属性、文字包裹的覆盖率、中英混排里的半角标点,都会提醒;错误清零才建议交付。

富文本一键进剪贴板,到编辑器里直接粘贴,样式不丢;也能下载一份离线文件备用,或用内置工具把预览以三倍清晰度导出成长图。整套是纯静态文件,丢到任意服务器就能跑。

安装与使用

它属于实用软件里的网页服务:底层是纯静态文件,丢到任意一台服务器就能跑,和常见的文字编辑工具不同,它只管排版、不管写作。

场景推荐做法说明
只想试试打开在线站点免安装,直接粘贴 Markdown
自己部署静态托管任意服务器即可,无需数据库

我的使用感受

实际用下来,最打动我的是「不丢样式」:粘进编辑器后,下划线、章节编号、引言卡都原样还在,省去反复预览的焦虑。它没想着替使用者写稿,只把工具推荐里最磨人的排版一步做完,这点边界感很舒服。

官方网站

下载地址

https://pan.quark.cn/s/21107fe388e6

相关推荐

Avatar photo

JameCling

我是 格律诗的软件世界 的作者,一名专注于软件工具、AI 技术和数字效率领域的独立研究者。
多年来,我持续关注互联网工具的发展趋势,体验不同平台的软件产品,并研究它们如何帮助用户提升效率。
我的工作不仅是整理软件信息,而是通过实际测试、功能分析和使用场景研究,帮助用户判断一个工具是否真正值得使用。
格律诗的软件世界 的每一篇文章都希望提供真实、有价值的信息,包括工具特点、使用方法、优缺点分析以及适合的人群。
我相信,好的工具能够改变工作方式,而准确的信息能够帮助用户做出更好的选择。