markdown排版详解，Md2All实战

Md2All 简介

Markdown排版利器，支持 “一键排版” 的样式模板选择，支持”css样式自定义”，支持80多种代码高亮。

能让Markdown内容，无需作任何调整就能同时在微信公众号、博客园、掘金、知乎、csdn、51cto、wordpress、hexo等平台正确显示当前预览的效果。并能生成相应的Html文档。

富文本编辑器虽然用起来方便，但只能定义部份样式，而Md2All的自定义css，是能定义所有标准的css样式，甚至直接支持HTML排版，功能非常强大呵。

更详细的信息，请看：http://md.aclickall.com

本教程主要内容如下：

• Md2All整体体验;
• 初识css;
• 你要知到的;
• 全局样式自定义;
• 引用块样式自定义;
• 段落样式自定义；
• 粗体、斜体、删除线样式自定义；
• 分隔线样式自定义；
• 行内代码样式自定义；
• 代码块样式自定义；
• 标题样式自定义
  标题酷酷的改进；
  标题首字突出的改进；
  标题上下边框的改进
• 最后

Md2All整体体验

我会先点左上角的 “编辑” 图标后才开始写作，这样，写作的内容会自动保存在浏览器的缓存中。大家会看到，就是常用的几条markdown指令，经Md2All渲染后，整个效果就变得高大上了，你可以选择自己喜欢的样式模板，OK后，一键“复制”到公众号中，整件事就完成了，整个过程非常简单。

注：
“复制”指的是工具栏的那个“复制”图标，已实现：全选+复制，不能用ctrl+c,也不能用右键的“复制”呵;

所有的“保存”，目前是保存在本机的浏览器缓存中，所以重新开机后，这些保存的内容是不会丢失的，如果担心不小心清了缓存或其它的原因引起的丢失，建议自己备份一份。

关于图片
大家会看到，我拿图片链接的方法是先把图片上传到公众号中，然后在公众号的“素材管理”->”图片“中点击打开图片后，再右键图片，”复制图片的链接地址”，粘贴到markdown中的。你也可以把Md2All”复制”到公众号后，再插入图片。但这些方法相对来说是比较复杂的。

因本人也写博客，我通常的做法是先在博客平台（如CSDN，简书)把markdown写好，上传好图片（上传图片时，markdown会自动包含了图片的链接），然后再把博客平台的整个markdown内容复制到Md2All排版，再一键 “复制” ，粘贴，粘贴……到各个平台。

其实，对于大部分人来说，上面的视频就已能完美解决公众号用markdown来写作的问题了。但对我来说，这只是介绍Md2All的开始。自定义css样式功能如此强大，你能不往下看吗？

初识css

对于没学习过css的同学来说，一听到css就懵了，啥来的？
简单地说，css就是渲染网页所用的样式。打开“一键排版”，看到里面的的内容就是当前渲染效果对应的css样式