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

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

公众号排版工具

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

Markdown与公众号

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

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

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

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

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

大家对公众号的Markdown排版苦不堪言。

Md2All的由来

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

因为这位程序猿比较喜欢较真,于是就萌生了自己写一个公众号Markdown排版工具的想法,这就有了现在的Md2All。虽然开发的过程也因遇到的各种奇芭的坑而艰苦异常,但结果还是令人满意的,起码上面提到的问题都解决了。

Md2All的功能预览

先来张Md2All的截图

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

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

Md2All的一键排版

“一键排版”中提供了几种常用的排版样式模版,也提供了足够多的注释,让初学者也能很容易根据注释中的提示个性化自己的样式

如上图左边所示,大家会看到,我只选了"字距增大”的样式,右边的预览效果就完全不一样了,
也会看到用“绿色”文字作了注释,而用“红色”来表示这个是修改过的位置。
左边就是标准的css样式,如果现有的样式模板不适合你,那就大胆尝试去改吧,就算改错了也就”恢复预设值“就OK了,所以不用担心呵。记得“保存”了才生效呵。

Md2All的代码主题

因为作者本身是程序猿,所以在代码的高亮显示部分花足了功夫,80多种代码高亮主题,可以看到下图右上角可以选择“代码主题”,下面的是favorite主题的:

public class MyActivity extends AppCompatActivity {
@Override //override the function
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
try {
OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
} catch (IOException e) {
e.printStackTrace();
}
}


再来张xt256代码主题的

public class MyActivity extends AppCompatActivity {
@Override //override the function
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
try {
OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
} catch (IOException e) {
e.printStackTrace();
}
}


如果80多种都不合你心意,那也没问题,可以参考:“一键排版”下的“代码块样式”自定义自己的代码高亮样式呵。

把内容复制到公众号

预览OK后,只要点下图的“复制”就能把内容一键复制到公众号:

到公众号的效果如下:

可以看到复制到公众号的最终效果和Md2All的预览效果是一致的。
是不是很简单呀。

最后

Md2All正在不断完善中,更多的功能正在开发中,希望大家多多关注,Md2All的所有功能都是免费的,希望大家多多支持,如有问题或建议,请公众号留言

公众号的Markdown排版利器:Md2All的更多相关文章

  1. 公众号在线Markdown编辑器,支持公式

    公众号排版不支持Markdown,用自带的富文本编辑器排版出来的格式十分丑陋,尤其是公式,竟然连"Mathjax"都不支持,但好在支持"带格式复制",也即可以将 ...

  2. 玩转公众号markdown排版

    Md2All 简介 Markdown排版利器,支持 "一键排版" 的样式模板选择,支持"css样式自定义",支持80多种代码高亮. 能让Markdown内容,无 ...

  3. Md2All,让公众号完美显示Latex数学公式

    当公众号遇上Latex 大家都知到,公众号连代码块都不支持,更不要说功能强大的Latex公式了.那在Md2All之前,如果想在公众号上显示Latex公式应该怎么办呢? 最通常的做法就是在某个支持Lat ...

  4. 【公众号系列】SAP 主要模块及简介

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[公众号系列]SAP 主要模块及简介   前言部 ...

  5. Md2All:好用的markdown文件转换工具,文章迁移微信公众号的利器

    目录 简介 使用体验 极速上手 更多功能 总结 简介 markdown以简单的语法和强大的功能,征服了无数技术创作者,几乎主流的技术博客网站都开始支持markdown语言撰写博客.但是微信公众号的文章 ...

  6. Markdown 直接转换公众号文章,不再为排版花时间

    上一篇「又一家数据公司被查,爬虫到底做错了什么?」反响强烈,虽然我这是新号,但还是获得了不少公众号的转发,借机也结识了很多业内大佬,在此感谢大家的抬爱! 同时也有不少号主问我的文章排版是用的哪个网站, ...

  7. 如何排版 微信公众号「代码块」之 MarkEditor

    前段时间写过一篇文章 如何排版微信公众号「代码块」,讲的是如何使用浏览器插件 Markdown Here 来排版代码块.虽然用 Markdown Here 排版出来的样式还不错,但存在一个问题,就是代 ...

  8. 用Markdown写微信公众号文章

    目前微信公众号的编辑器是不支持Markdown语法的,那怎么办呢? 有一款叫Markdown Here的插件可以解决这个问题(支持Chrome.Firefox.Safari). 官方网站:http:/ ...

  9. 自媒体运营排版利器----Markdown here

    Markdown Here ​ 下载chrome插件直接下载 使用:打开网页文章编辑器,比如cnblog 用markdown语法写文章,之后点击编译 可以设置好css语法,以后每次可以套用同样的模板 ...

随机推荐

  1. 定义正则new RegExp('abcd')

    一:创建一个正则的两种方式: 例: (1:var reg = /abcd/             "这个叫对象直接量方式": (2:var reg = new RegExp('a ...

  2. Python的列表

    1. Python的列表简介 1. 1 列表的定义 列表是Python中最基本的数据结构,列表是最常用的Python数据类型,列表的数据项不需要具有相同的类型.列表中的每个元素都分配一个数字 ,即它的 ...

  3. linux服务器解压缩文件的命令

    尝试去好好用linux.新手起步.   这边只会提到我用过的.其他相关的以后我用到了我会补充的.如果有错欢迎指正 注:1.c-创建-create 2.v-复杂输出    3.f-文件-file     ...

  4. 解决EJB本地调用“java.lang.ClassCastException: $Proxy96 cannot be cast to com.tgb.ejb.UserManager”异常

    EJB本地调用方式:把Webclient和EJB服务端部署到同一个JBoss,client和server通过一个JVM进行通信. Web客户端本地调用时.需引用EJB服务端打包的jar,不需引用JBo ...

  5. Intellij IDEA 使用小结

    快捷键 核心快捷键 IntelliJ IDEA 作为一个以快捷键为中心的 IDE,为大多数操作建议了键盘快捷键.在这个主题中,您可以找到最不可缺少的列表,使 IntelliJ IDEA 轻松实现第一步 ...

  6. 自学Zabbix3.8.4-可视化Visualisation-Slide shows

    Zabbix3.8.4-可视化Visualisation-Slide shows幻灯片 定义好screen之后,我们想了解服务器状况之时,一般会一个个screen点过去,zabbix提供了幻灯片展示方 ...

  7. ServerSuperIO Designer IDE 发布,打造物联网通讯大脑,随心而联。附:C#驱动源代码。

    1.概况 注:ServerSuperIO Designer IDE 同行业网友随便使用,不涉及到软件使用限制的问题. 从2015年到现在的将近两年的时间,一直在开发.完善ServerSuperIO(S ...

  8. IntelliJ IDEA 设置Output (输出窗口)窗口字体大小

    Settings-->Editor-->Colors&Fonts-->Console Font 如图: 字体调好了以后使用起来眼睛就轻松多了

  9. charles支持https抓包配置

    自从公司站点全部启用https后,使用charles就不能像以前那样愉快的抓包啦!不过没关系,这里教你怎么配置charles,使其支持https抓包.之前有一篇介绍charles的使用,参考这篇:ht ...

  10. 应用activeMQ消息中间件同步索引库

    mq是一个消息服务器: 安装包内置了tomcat,直接登录访问,登录:http://ip:8161/admin/    (相当于dubbo的moniter监控中心) admin admin传统串行化, ...