最近写文章用公众号编辑的时候,感觉自带的编辑器不太好用,比如字体不能更换,标题等级只能用字号大小来区分,还有不能自定义一些格式等。
偶然看到有些号的文章排版很有设计感,一看就知道不是用公众号自带的编辑器来完成的,例如本文。
然后就了解到了 Markdown,虽然知道它的存在但一直没去研究它。原来有很多和我一样的写作爱好者、开发者、博主、早就用上了。本文算是一篇 Markdown 自学笔记,记录了十个基本标记语法。
Markdown 是一种轻量级的「标记」语言,它使用易读易写的纯文本格式编写文档。以简单,直观,高效的语法而著称,让创作者更多的关注内容本身而非排版。可以快速导出 HTML、PDF 以及本身的 .md 格式的文件,是写作与代码的完美结合。
千万不要一听到「语言」\「代码」就被吓到,Markdown 的语法十分简单,常用的不超过十个,保证你不到半小时就能熟练掌握。文末介绍几个好用的 Markdown 编辑器,建议喜欢写作的同学试试。
标题语法
创建标题,在文字前面加 #
号,#
的数量代表了标题的等级。例如,连续打四个#
就是创建一个四级标题,五个井号就是五级标题(井号与文字间空一格)。
### 我是三级标题
#### 我就是四级标题
渲染效果如下:
我是三级标题
我就是四级标题
Tips:不同的 Markdown 在处理 #
号和空格方式不一致,为了兼容性,最好把空格加在#
号和文字之间。
段落语法
段落语法就简单了,只需在两行文本之间空一行即可。
There's only one corner of the universe
换行语法
在行的末尾添加两个空格,然后回车,称之为“结尾空格”。为了兼容性可以在每一行的行尾用 <br>
标签来实现换行。或者直接换行编辑器也会自动识别。
Only they who fulfill their <br>
duties in everyday matters <br>
will fulfill them on great <br>
occasions.
强调语法
通过对文本强调设置,使内容更有层次感。
粗体
在要加粗的文字或短语前后各加两个星号
**
或者下划线__
来实现。为兼容考虑,在单词或短语中间部分加粗的话,请使用星号。**我是粗体**
或__我也是粗体__
斜体
在文字或短语前后各加一个星号
*
或者下划线_
来实现。要想变成粗斜体,在文本前后各加一个星号或下划线,注意中间不要带空格。
*我是斜体*
或_我也是斜体_
删除线
用两个波浪线
~~
包裹文字,像这样~~我有删除线~~
引用语法
引用句子或名人名言的时候,在句子前面添加一个 >
符号来创建一个引用块,还可以在引用块里多层嵌套使用。
这是一段引用
在引用块里可以包含其他格式的元素,例如标题、序列等:
> ##### 千山鸟飞绝
>
> - 万径人踪灭。
>
> *孤舟蓑笠翁,*
> ~~独钓寒江雪。~~
渲染效果如下:
千山鸟飞绝
- 万径人踪灭。
孤舟蓑笠翁,
独钓寒江雪。
列表语法
有序列表 :在每个列表项前面添加数字和一个英文句号,就可以创建有序列表。
1. First item
2. Second item
3. Third item
无序列表 : 在每个列表项前面添加破折号 -
、星号 *
或加号 +
,通过缩进可创建嵌套列表。
- First item
- Second item
- Third item
渲染效果如下:
- First item
- Second item
- Third item
将元素缩进四个或两个空格,就可以在列表中嵌套其他元素,例如段落、引用块、代码块等。
The first list item
Hello World.
- The Second list item
代码语法
将单词或短语包裹在反引号 \` 中,或者用三个反引号包裹内容,并指定语法,创建一个代码块,高亮显示让代码更易读。
print("Hello World.")
分割线语法
用三个或多个破折号 -
、星号 *
或下划线 _
来创建分割线。
***
---
__________
三个方法创建的分割线效果看起来一样。
表格语法
用竖线 |
和 横线 -
来创建表格,小横线 -
用来区分单元格和表头。
| No. | Age | Time |
| -------- | ----- | ----------- |
| 18 | 24 | 2025.01.21 |
渲染效果如下:
No. | Age | Time |
---|---|---|
18 | 24 | 2025.01.21 |
链接与图片语法
链接语法:链接文本放在中括号
[]
内,链接地址放在后面圆括号()
内,链接标题可选。原创文章 [你过得开心吗?](https://mp.weixin.qq.com/s/lExWGauiyM2SKVVv4a3x7w)
原创文章 你过得开心吗?
图片语法:和链接语法类似,只需在前面加上感叹号
!
。
Markdown 编辑器推荐
在线编辑工具
Markdown Arya:一款高度简洁的 Markdown 编辑器,个人觉得是公众号文章排版最好用的一款在线编辑工具。只要会上面这些基本语法,就能设计出一篇样式简洁美观大方的图文排版。
编辑页面长这样子的:左侧是文本输入区,中间是模拟手机界面实时预览区。
如果你略懂一点 html 基础,那就更方便了,点击左上角“排版主题”菜单,选“自定义”就可以调出样式代码,在代码里修改主题颜色,字体大小,精确设置行间距等等,自由度高很多。代码里有很详细的注释,对照着修改就可以了。
文章编辑完成后,点击右上角公众号小图标,就可以把当前排版好的格式完美复制到公众号啦,本文就是用它来排版设计的。
桌面端编辑器
typora:完全颠覆了 Markdown 编辑器的交互模式,将「标记式」写作向普通用户推进了一大步,是目前所有类似编辑器中最与众不同的一个。
可惜已经开始收费了,不过 Beta 版仍然在免费阶段,同时支持 Mac 与 Windows 平台,颜值与实力兼具,绝对值得尝试。
MarkText:完全免费!我目前正在用的这款。一款轻量级的开源 markdown 编辑器,功能强大界面简洁,它支持实时效果展示,可以让新手也能直接写作。
软件内置了表格、代码块、流程图、数学公式、Emoji 表情等多种格式支持,不管是文字编辑还是技术人员都可以非常方便地进行写作,兼容 Mac 与 Windows 平台。
上面这几款都是非常不错的 Markdown 编辑器,可以根据自己的需要进行选择。
技术真的能让生活更美好,看这极致干净的页面,真的太优雅了。
正所谓「心中无尘,码字入神」。