[HTML] 文章写作神器 markdown 介绍（1）

华盛顿杰佛逊纪念堂
惊悉老宅的把把也开了公众号，现在真是每个人都有公众号了！在此特向宅爸介绍一款让人专注于写作的神器：markdown。虽然有秀米之类的编辑器，但是在技术宅看来有点无趣了不是...本文为第一篇，专为老爸而写，后续会介绍更多高级应用（很多与 HTML 语言混合使用的应用）。
markdown 的本意是把人从不停设置文字格式的苦难中解放出来，专注于写作本身。markdown 本身是一种轻语法结构，本质上是 HTML 语言的封装，因此兼容 HTML 语言（意味着如果你是 HTML 大神，想手撕 markdown 格式也是可以的），所以本文归入 HTML 序列。对从来没有学过编程的人可能需要时间学习，但是一旦掌握了，会发现它非常好用。我已经离不开了！虽然我已经可以熟练使用 markdown，但我现在正好在学 HTML 语言，两者对比就当温故知新了。老宅的终极目标是：学会 HTML 语言，手撕秀米编辑器（秀米跟你什么仇什么怨...）！
两段之间要空至少一行，空更多行的效果是一样的。比如
你以为在编辑器里看是这样的：

“你以为在编辑器里看是这样的，其实 markdown 翻译以后是这样的”（本段话横屏观看效果更佳）

其实 markdown 翻译以后是这样的：

“你以为在编辑器里看是这样的，其实 markdown 翻译以后是这样的” （本段话横屏观看效果更佳）

需要把需要分段的句子之间至少放一个空行才行：

“你想要分段的效果，就必须这么断才行”（本段话横屏观看效果更佳）

markdown 翻译以后是这样的：

“你想要分段的效果，就必须这么断才行”（本段话横屏观看效果更佳）

空更多行的效果是一样的，这里就不举例了哈。
字体的变化：
1.斜体：在文字两边加星号如 *斜体*，显示为斜体。2.加粗：在文字两边加双星号如 **加粗**，显示为加粗。3.加斜加粗：在文字两边加三星号如 ***加斜加粗***，显示为加斜加粗。
注：这里是 bug，斜体显示不出来。其实应该是这样的：倾斜，倾斜加粗（这里是用 HTML 语句实现的）
插入图片：格式是 ![](插入图片的地址)，就像这样：
![](https://mmbiz.qpic.cn/mmbiz_jpg/OuEFiapfBFkG9okXV09OLoq516ibp1U9lLQNhmu0X01YdoRGdBWIH9TQ5hvubb270PiaMrGuSo8N56qu9icSDyXRRg/0?wx_fmt=jpeg)
markdown 编译之后会显示图片：

有一点要注意，外链是不允许的~所以想插入图片，需要把图片先上传到公众号里生成地址。
段落标题与段落分隔
井号后面需要一个空格
# 主标题
[h1]主标题[/h1]## 副标题
[h1]副标题[/h1]（又有一个 bug，其实副标题应该是下面的样子。这里同样是用 HTML 语句实现的）
[h1]副标题[/h1]### 段落标题
[h1]段落标题[/h1]*** 段落分割线，见下（这个编辑器生成的分割线可能不明显）
有序排列和无序排列（同样需要空格分隔标识符和文本，与上下文需要空行分开）
有序排列语法如下：
1. 第一条 2. 第二条显示出来是这样的：
1.第一条2.第二条
无序排列类似，语法如下：
- 第一条 - 第二条显示效果如下：
第一条第二条
杀千刀的微信公众号编辑器不支持 markdown，不过好在已经有了很多强大的微信公众号 markdown 编辑器，老宅写这篇文章使用的就是老宅觉得最优雅的编辑器[sup][1][/sup]（排出来的板式和文字最好看，最适合一般的文章）：https://lab.lyric.im/wxformat/
界面分成两个部分，左边的部分是编辑区，在这里进行文章的编写；右边是预览区，用来预览 markdown 翻译的效果。写好了以后把右边的文字复制、粘贴进微信公众号的编辑器里就可以啦。
掌握以上的技巧就可以横扫 90% 的公众号写作任务啦！更多高级技巧，敬请期待后续文章。老爸加油鸭！
[h2]References[/h2]

[1]

复制代码

最优雅的编辑器: 这个编辑器虽然比较优雅，用来展示代码可不大行。下一篇我会介绍处理代码的markdown编辑器