本文目录

一、 Markdown是什么?

二、我为什么要去学习Markdown?

三、Markdown 语法

四、去哪里可以试玩？

五、怎么跟公众号结合使用？六、一些使用Md2All的tips

---

一、 Markdown是什么?

Markdown是一种 轻量级标记语言，创始人是 约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档，然后转换成有效的 HTML 文档。
来自维基百科

Markdown 听说是目前互联网上最流行的写作语言，它使用一些简单的符号（# * / > [] ()\ ）来标记文本格式。它的语法非常简单，一看就会；另外，有很多非常好看的格式可以选择。当我稍微接触了多一点之后，我从此爱上了，虽然语法很简单，但是怎么充分地利用起来以及怎么用好还是要花点时间研究的，自这几天接触以来，我几乎将所有的坑全部踩过了，现在和盘托出，将我所学习到的分享给大家。

二、我为什么要去学习Markdown?

我已经听说Markdown很久了，之前15还是16年用有道云笔记的时候，尝试过用Markdown来记录日记，并没有发现有什么特殊之处，所以也一直没有去接触。

最近有朋友跟我反馈我的公众号排版很糟糕，第一次我是完全忽略，我才不想花那么多时间来排版(有带序号的大小标题，颜色不超过3种，重点部分有颜色突出，我就觉得已经很不错了)，主要是要看内容对不对；当我第二次再收到这个反馈时并建议我去学习了解Markdown，我终于受不了了，我一定要将这个Markdown给分析透，到底可以用来它来干吗？

研究过后，Markdown不仅可以帮助公众号排版之外，也可以给任何文档排版，使之更加有结构，更加好看，只要你喜欢记录和输出，喜欢用电脑去记录一些东西，如果你不想被落伍的话，Markdown是一个值得学习和掌握的技能。

三、Markdown 语法

1. 标题类，#数量决定几级标题
# 一级标题
## 二级标题
#### 四级标题2. 列表类

* 无需列表1- 生活
* 无需列表2- 态度
1. 有序列表- 起床
2. 有序列表- 刷牙3. 分割线

***
—4. 引用

> 是我引用5 文字格式

**粗体**
*斜体*

这几乎就是所有的语法了，一张图就搞定了，并且很有规律。例如所有的标题都是以#个数来确定，无序列表可以用+ - *都可以，分隔线线也有三种方式去实现。不需要解释太多，自己去玩玩就立马了解了。

四、去哪里可以试玩？

不熟悉这些标记符号，没有关系，多玩玩就会了。可以找一个在线编辑器或者一些Markdown编辑工具，将所有的语法都试玩下，几乎所有的Markdown编辑工具都是所敲及所得，敲玩空格后效果就出来了。现在主流的Markdown工具有Typora、Ulysses等等，其实这些工具都大同小异。在线编辑我推荐Md2All(https://md.aclickall.com/)。
这是Md2All网站上编辑的效果，左边编辑，右边预览：

这是Typora编辑的效果(后面我会整理一篇怎么充分利用这个工具，以及怎么跟Github结合使用)：

五、怎么跟公众号结合使用？

公众号的编辑器也是一个富文本编辑器，但是样式都比较基础，并且不支持直接用Markdown语法来编辑文本。我一开始我是下载了一个浏览器的插件是Markdown Here来一键转化。网上有很多文章介绍了怎么安装和玩转Markdown here， 这个工具的主要作用就是一键转化功能，内容写好之后，点击浏览器地址栏右边的Markdown here插件图标一键转化，但我每次都会遇到一些问题，例如无序列表无法渲染，有些标题转化不过来，图片不能加载等等，有很多问题。

一键转化前的文本：

一键转化后的效果，首先无序列表的字号不对，表格不完全，然后任务列表加载不出来：

这种情况下很糟心，同样的文本在其他编辑器渲染的效果都OK，但公众号平台支持的不好，那我是怎么解决这个问题的呢？

1. 卸载Markdown here 插件(如果安装了的话)
2. 登录Md2All(https://md.aclickall.com/)编辑内容，然后复制粘贴到公众号，所有的样式渲染地很完美，包括图片加载也有方案支持。
   这是复制前的效果：

这是粘贴到公众号编辑器的效果：

完美地解决了所有的问题。我喜欢用Typora编辑工具来写东西，所以我现在的操作流程是先用Typora工具编辑好内容，然后复制内容粘贴到https://md.aclickall.com/网站，然后复制粘贴到公众号编辑器。

六、一些使用Md2All的tips

1. 怎么用好一键排版功能？
   Md2All的强大之处就是本身就提供很多排版的样式，如果你懂点CSS的话，可以直接拿一个样式来修改，不喜欢的地方，就稍微调整下。例如我选择了字距偏大的主题，我结合了Vue主题的样式做了一些调整，例如段与段(P标签)之间的稍微调大了些，三级标题(H3标签)的字号和标题下的正文距离调小了一些，还有调了些其他细节的地方。(后台回复md获取我配置好的CSS样式)

1. 怎么解决图片加载的问题？
   如果没有设置的话，如果在Md2All里编辑的内容包括图片，一键复制，一键粘贴，图片是加载不出来的。可以点击编辑框框顶部的那个图片Icon，然后将这些参数配置好，但是配置好这些参数之前是需要注册七牛云账号的，我注册了一个账号，并实名认证了，到目前为止，没有交任何费用。所以如果可以通过注册个账号可以解决这个问题，那也是个不错的方案。

如果想在编辑内容时插入图片，不需要去点击任何按钮来上传，只要复制图片，直接在编辑框的输入状态时粘贴就好，特别方便。

你学会了吗？