本文使用的排版工具：

注意：由于知乎不支持部分自定义css样式，其他平台的不同显示样式可以参考这篇文章

掘金：

微信公众号：

. 微信公众号排版问题。

前段时间，我准备在微信公众号上写一篇文章的时候，发现公众号连最基本的插入代码块的功能都没有。

我在想，微信开发者不需要写代码吗？

吐槽回吐槽，问题得解决。然后就是各种百度，我觉得最推荐的就是这里了。

这里确实是个好东西，但问题是它只是一个通用的转换插件，不适合公众号。此处代码转换后，粘贴到公众号。最常见的问题是：

我也试了一些朋友的公众号转换工具，效果不是很理想，但还是要感谢他们。毕竟他们的工具还是提供了一些思路，所以我就萌生了自己制作一个的想法。

当然，想法是美好的，道路是曲折的。对于开发过程，遇到的坑小程序开发插入图片代码，这里省略一百万字……

好了，接下来就是介绍我的工具了

.

在线转换工具

网址：

稍后，我们将考虑添加对其他博客平台的支持。

. 界面预览

我们先来看看张玉钊：

没有花哨的东西，所有功能一目了然！

支持侧边编辑、侧边预览；支持左右滚动联动。

提供 80 多个很酷的代码主题。

通常公众号多用于手机展示，所以一般选择：代码紧凑，看大家的喜好。

“一键排版”还支持在更改样式时进行预览。

如下图，我只是选择了一个css主题：“标题颜色”，然后代码主题为：“”，整篇文章的效果就不一样了。

. 代码块显示

好吧，让我们好好看看我所说的超酷的编码风格，

下面是“”下代码的默认显示。

注：由于知乎不支持自定义css样式，我贴一张效果截图：

支持任意语言，并能自动识别，必要时也可直接指定

更棒的是，如果您对以上样式不满意，甚至可以自定义自己的代码高亮样式，请参考：“一键排版”中的“代码块样式”

. 此外

如果朋友只使用了这个工具的代码块部分，你也可以用这个工具渲染自己的代码块，然后“复制”部分插入到你的公众号文章中。

. 最后

该工具仍处于开发阶段，许多功能正在改进中。浏览器的兼容性没有经过全面测试，建议先使用浏览器进行编辑。