自己写了个公众号排版小工具，顺便聊聊为什么做它

平时写公众号的朋友，大概都经历过这种折磨：

文章好不容易写完了，打开公众号后台准备排版，结果：

• 字体、行距调半天，发到手机上一预览还是挤在一起；
• 贴一段代码进去，不仅没有高亮，长一点的代码还被强行折行，乱成一团；
• 直接从富文本复制过去，很多格式和间距在微信里直接失效丢失……

原本写内容花了一个小时，排版修修补补又折腾了一个小时，非常耗费精力。

平时我自己写技术笔记和文章习惯用 Markdown，纯文本打字最顺手。市面上的排版工具虽然不少，但有的功能太花哨，有的动不动要登录充值，还有的总担心文稿草稿被自动同步到别人的服务器上。

索性就自己动手写了这个小工具 —— TechMD（在线体验：md.tech1024.com）。

没有花哨的套路，核心目的就一个：把写好的 Markdown 文本，漂漂亮亮、整整齐齐地搬到公众号里。

它能帮你省掉哪些麻烦？

1. 打字即排版，样式直接内联
不用再在微信后台繁琐地调字号、调间距。标题、正文、引用块的间距和比例默认就调好了，而且样式是直接内联转码的，粘贴到微信后台不会掉格式。内置了 10 套好看的配色，字号、行距、字间距点一下就能随心调。

2. 代码块终于不折行了，自带 Mac 小圆点
技术文章少不了贴代码。工具自带了 macOS 视窗的红黄绿小圆点，内置了 12 款经典的代码高亮风格（像 VS Code、GitHub、Xcode、Dracula 等）。长代码在手机上看支持平滑左右滑动，不会被强制折成乱七八糟的一团。

3. 本地历史备份与版本对比
编辑内容时，浏览器会自动在本地保存你的草稿和历史快照。万一不小心手滑改乱了，可以随时打开历史版本找回，甚至还能像看 Git 一样直观对比两版文字的改动。

4. 纯本地运行，不碰你的稿子
这也是我自己最在意的一点。所有的渲染、排版和样式计算全部在你的浏览器本地完成，文稿不会上传到任何服务器。哪怕断网也能正常用，商业文稿或技术草案可以放心写。

5. 导入导出更方便
除了直接码字，也支持直接把本地 .md 文件拖入导入；写完除了能一键复制进公众号，还支持导出为本地 Markdown、Word 或 PDF 文件。

用起来也很简单：

1. 打开 md.tech1024.com；
2. 把写好的 Markdown 贴进左侧编辑框（或直接导入本地文件）；
3. 右侧挑选喜欢的文章主题和代码配色，按需微调字号行距；
4. 点击右下角绿色“一键复制”按钮，在公众号后台按 Ctrl+V（Mac 上 Cmd+V）粘贴，搞定。

这个工具最初主要是为了解决我自己的排版痛点，现在把它整理出来供大家使用。

如果你平时也用 Markdown 写作，或者经常为公众号排版头疼，欢迎打开 md.tech1024.com 试一试。如果有哪里用着不顺手，随时给我留言反馈。

本作品采用《CC 协议》，转载必须注明作者和本文链接