微信公众号：颜少注意：由于segmentfault不支持部分自定义css样式，其他平台不同的显示样式可以参考本文掘金：https://juejin.im/post/5a1f5d...微信公众号：http://mp.weixin.qq.com/s/PzL....微信公众号排版问题前段时间，当我准备在微信上写文章公众号时，发现公众号连最基本的插入代码块的功能都没有。我就纳闷了，微信开发者不需要写代码吗？吐槽归吐槽，问题还得解决。然后就是各种百度。我觉得最推荐的是这里的markdown。这里的markdown确实是个好东西，但问题是它只是一个通用的markdown转换插件，不是针对公众号的。代码在这里经过markdown转换后粘贴到公众号，最常见的问题是：代码换行错误，不在同一行的代码挤在同一行，可读性差；代码不会水平滚动，直接挤到下一行，尤其是iPhone和iPad；一些样式丢失了；css虽然可以自定义，但是没有引用样式，这对于普通非前端开发者来说并不容易。我也尝试了一些朋友的markdown工具进行公众号转换，但效果并不理想，但我真的要感谢他们。毕竟他们的工具还是提供了一些思路，于是萌生了自己做一个工具的想法。当然，想法是美好的，但道路是曲折的。对于开发过程，对于遇到的坑，这里省略100万字……嗯，接下来就是介绍我的markdown工具了。md2All是一个在线Markdown转换工具网址：http://md.aclickall.com支持常用的Markdown语法，对html和css样式有很好的支持（请看网站示例的高级使用部分）并做了特别优化微信公众号：解决粘贴内容到公众号，图片或样式丢失的问题；解决代码块换行不正确的问题，特别是在iPhone和iPad上滚动的问题；支持135、96等微信编辑使用的样式（如“标题”等），只需要先点击这些微信编辑的“html”图标，再复制内容即可。代码块的展示经过特别优化，数十种炫酷的代码风格供你选择。支持“一键排版”css样式模板选择，自定义css。一目了然^_^预览ok后，点击“复制”按钮，粘贴到公众号即可。另外，支持直接将页面“复制”到“CSDN”和“博客园”，所有风格保持一致。参考这篇博文：http://blog.csdn.net/gary_yan/article/details/78645303支持直接将页面“复制”到“掘金”，如下：在“一键排版”中选择“掘金样式””点击“复制”并将其粘贴到“掘金”中。默认markdown编辑方式左边的编辑框就OK了。请参考这篇博文：https://juejin.im/post/5a1bcc6ef265da431f4acb09以后会考虑加入对其他博客平台的支持..界面预览先拿张玉钊：没什么花哨的，功能一清二楚乍看上去！支持同时编辑和预览；支持左右滚动联动。提供超过80个炫酷的代码主题。通常，公众号多用于手机显示，所以一般选择：代码紧凑，这个看大家喜好了。“一键排版”还支持同时更改样式和预览。如下图，我只是选择了一个css主题：“标题颜色”，然后是代码主题：“xcode”，整篇文章的效果是不一样的。.代码块展示好吧，让我们展示一下我所说的超酷代码风格。以下是默认“收藏夹”下的代码展示。注意：因为segmentfault不支持自定义css样式，所以贴个截图效果：支持任意语言，可以自动识别。如果需要，您也可以直接指定它。还有一个更好的地方，如果你对以上样式不熟悉时，你甚至可以自定义自己的代码高亮样式，请参考：“一键排版”中的“代码块样式”。另外，如果有朋友只使用本工具的代码块部分，也可以先使用本工具渲染自己的代码块，然后“复制”插入到自己的公众号文章中。.最后，这个工具还在开发阶段，很多功能还在完善中。浏览器的兼容性还没有完全测试，所以推荐使用Chrome浏览器进行编辑。如果您对本工具有什么建议，欢迎在公众号上留言：“颜家少爷”：
