公众号的Markdown排版利器:Md2All

微信公众号:颜家大少
若有问题或建议,请公众号留言

本文所用排版工具:Md2All,http://md.aclickall.comcss

公众号排版工具

公众号的排版编辑工具还真的很多,但功能大同小异,大部分是针对富文本的排版,更多的是偏重素材,及各类花巧的样式,给人一种眼花缭乱的感受,之内容为主彷佛演变成了以花巧为王。html

Markdown与公众号

Markdown以简单的语法深受写做朋友的喜好,让写做回归到内容自己,而不是花巧的样式。但公众号并不支持Markdown,因此Markdown here在蛮长的一段时间成了markdown写做朋友们的必备插件。但Markdown here并非专门针对公众号的工具,出现了各类水土不服,常见的有:微信

  • 换行失效了,各行挤在了一块儿;
  • 代码块在iPone、iPad等平台不能正常显示;
  • 样式丢失了;

等等。。。markdown

虽然,后来又有了很多高人针对Markdown here在转公众号时出现的种种问题提供了各类方法,但并无完美的解决方案。工具

对IT人士来讲,最困扰的是代码块的显示问题,当时比较流行的解决方法是把代码块截屏保存为图片,把图片上传到公众号,而后再把图片连接加到Markdown中。spa

但这种作法不但操做起来很复杂,对读者也是不友好的,图片显示的代码块失真了,不能直接复制代码等。。。插件

你们对公众号的Markdown排版苦不堪言。code

Md2All的由来

有这样一位程序猿,也一样被公众号的Markdown排版折磨得苦不堪言,花了差很少一个星期的时间,研究各类现有的工具,但并无找到较为满意的解决方案。htm

由于这样程序猿比较喜欢较真,因而就萌生了本身写一个公众号Markdown排版工具的想法,这就有了如今的Md2All。虽然开发的过程也因遇到的各类奇芭的坑而艰苦异常,但结果仍是使人满意的,起码上面提到的问题都解决了。图片

Md2All的功能预览

先来张Md2All的截图
image.png

会看到,版面简洁,全部的功能一目了然。

  • 支持“一键排版”的样式模板选择,和自定义css;
  • 支持边编辑,边预览;
  • 支持左右滚动联动;
  • 对IT人士特别友好,支持80多种代码主题;(由于做者也是IT人士嘛:p);
  • 支持通用的Markdown语法和部分扩展语法(如:表格,任务列表,katex数学公式,注脚等...),并对html,css样式有很好的支持。
  • 预览OK后,只须要一键"复制"就能轻松粘贴到公众号。

Md2All的一键排版

“一键排版”中提供了几种经常使用的排版样式模版,也提供了足够多的注释,让初学者也能很容易根据注释中的提示个性化本身的样式
image.png
如上图左边所示,你们会看到,我只选了"字距增大”的样式,右边的预览效果就彻底不同了,
也会看到用“绿色”文字做了注释,而用“红色”来表示这个是修改过的位置。
左边就是标准的css样式,若是现有的样式模板不适合你,那就大胆尝试去改吧,就算改错了也就”恢复预设值“就OK了,因此不用担忧呵。记得“保存”了才生效呵。

Md2All的代码主题

由于做者自己是程序猿,因此在代码的高亮显示部分花足了功夫,80多种代码高亮主题,能够看到下图右上角能够选择“代码主题”,下面的是favorite主题的:

code.png
再来张xt256代码主题的
code2.png
若是80多种都不合你心意,那也没问题,能够参考:“一键排版”下的“代码块样式”自定义本身的代码高亮样式呵。

把内容复制到公众号

预览OK后,只要点下图的“复制”就能把内容一键复制到公众号:
md2all_preview_2.png
到公众号的效果以下:
weixin.png
能够看到复制到公众号的最终效果和Md2All的预览效果是一致的。
是否是很简单呀。

最后

Md2All正在不断完善中,更多的功能正在开发中,但愿你们多多关注,Md2All的全部功能都是免费的,但愿你们多多支持,若有问题或建议,请公众号留言
这里写图片描述

相关文章
相关标签/搜索