REC

Markdown 语法基础教程及工具推荐

易航
2月16日发布

图片[1] - Markdown 语法基础教程及工具推荐 - 易航博客

最近写文章用公众号编辑的时候,感觉自带的编辑器不太好用,比如字体不能更换,标题等级只能用字号大小来区分,还有不能自定义一些格式等。

偶然看到有些号的文章排版很有设计感,一看就知道不是用公众号自带的编辑器来完成的,例如本文。

然后就了解到了 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.AgeTime
18242025.01.21

链接与图片语法

  • 链接语法:链接文本放在中括号 [] 内,链接地址放在后面圆括号 () 内,链接标题可选。

    原创文章 [你过得开心吗?](https://mp.weixin.qq.com/s/lExWGauiyM2SKVVv4a3x7w)

    原创文章 你过得开心吗?

  • 图片语法:和链接语法类似,只需在前面加上感叹号

    ![一张图片](http://...)

Markdown 编辑器推荐

在线编辑工具

Markdown Arya:一款高度简洁的 Markdown 编辑器,个人觉得是公众号文章排版最好用的一款在线编辑工具。只要会上面这些基本语法,就能设计出一篇样式简洁美观大方的图文排版。

图片[2] - Markdown 语法基础教程及工具推荐 - 易航博客

编辑页面长这样子的:左侧是文本输入区,中间是模拟手机界面实时预览区。

图片[3] - Markdown 语法基础教程及工具推荐 - 易航博客

如果你略懂一点 html 基础,那就更方便了,点击左上角“排版主题”菜单,选“自定义”就可以调出样式代码,在代码里修改主题颜色,字体大小,精确设置行间距等等,自由度高很多。代码里有很详细的注释,对照着修改就可以了。

文章编辑完成后,点击右上角公众号小图标,就可以把当前排版好的格式完美复制到公众号啦,本文就是用它来排版设计的。

桌面端编辑器

typora:完全颠覆了 Markdown 编辑器的交互模式,将「标记式」写作向普通用户推进了一大步,是目前所有类似编辑器中最与众不同的一个。

图片[4] - Markdown 语法基础教程及工具推荐 - 易航博客

可惜已经开始收费了,不过 Beta 版仍然在免费阶段,同时支持 Mac 与 Windows 平台,颜值与实力兼具,绝对值得尝试。

MarkText:完全免费!我目前正在用的这款。一款轻量级的开源 markdown 编辑器,功能强大界面简洁,它支持实时效果展示,可以让新手也能直接写作。

图片[5] - Markdown 语法基础教程及工具推荐 - 易航博客

图片[6] - Markdown 语法基础教程及工具推荐 - 易航博客

软件内置了表格、代码块、流程图、数学公式、Emoji 表情等多种格式支持,不管是文字编辑还是技术人员都可以非常方便地进行写作,兼容 Mac 与 Windows 平台。

上面这几款都是非常不错的 Markdown 编辑器,可以根据自己的需要进行选择。

技术真的能让生活更美好,看这极致干净的页面,真的太优雅了。

正所谓「心中无尘,码字入神」。

Markdown 进阶玩法 ⇲

© 版权声明
转载本网站任何内容,请按照转载方式正确书写本站原文地址。
THE END
喜欢就支持一下吧
点赞 1 分享 赞赏
评论 抢沙发
OωO
取消 登录评论