Markdown入门

这几天一直在搭建Hexo静态Bolg,其中必不可免的就要会使用Markdown的语法来写静态博客,由于本身就是做前端的,所以说学会使用Markdown没什么太大难度,也就是一刻钟的事。因为Markdown常用的语法十分简单,常用的格式输出标记不超过十个。所以说Markdown是一种轻量级的标记语言一点也不为过(创始人貌似就是为这个目的写的),比起相对复杂的HTML标记语言来说,Markdown的优势就更加明显了。

认识Markdown

在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如简书)也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。甚至可以利用 CloudApp 这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持使用 Mou 这类 Markdown 工具进行编辑并直接上传。

MarkDown 官方文档

这里可以看到官方的 Markdown 语法规则文档,后文也会阐述这些语法在实际使用中的用法。

创始人 John Gruber 的 Markdown 语法说明
Markdown 中文版语法说明

使用 Markdown 的优点

  1. 专注你的文字内容而不是排版样式。
  2. 轻松的导出 HTML、PDF 和本身的 .md 文件。
  3. 纯文本内容,兼容所有的文本编辑器与字处理软件。
  4. 可读,直观。适合所有人的写作语言

MarkDown 语法的简要规则

标题

标题是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定义为标题,只要在这段文字前加 # 号即可。

1
2
3
4
5
6
7
//标题书写格式:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

标题页面展示
总共六级标题,相对于HTML中的h1~h6,建议在井号后加一个空格,这是最标准的 Markdown 语法。

列表

熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 - 或 * 即可变为无序列表,有序列表则直接在文字前加 1. 2. 3. 符号要和文字之间加上一个字符的空格

1
2
3
4
5
6
7
8
9
//无序列表书写格式:
* 无序列表
* 无序列表
* 无序列表
//无序列表书写格式:
1. 有序列表
2. 有序列表
3.有序列表

列表页面展示

引用

如果你需要引用一小段别处的句子,那么就要用引用的格式。只需要在文本前加入 > 这种尖括号(大于号)即可。

1
2
//引用书写格式:
> 引用内容

引用页面展示

图片和和连接

插入链接与插入图片的语法很像,区别在一个 !号

1
2
3
4
5
6
7
8
9
//插入链接书写格式:
[前端小开发](http://chping.website)
//插入图片书写格式:
![彬仔img](http://chping.website/images/avatar.png)
/**
* 插入图片时,“[]”内文本类似于HTML的img标签的alt属性
*/

前端小开发

彬仔img

粗体和斜体

Markdown 的粗体和斜体也非常简单,用两个 包含一段文本就是粗体的语法,用一个 包含一段文本就是斜体的语法。

1
2
3
4
5
//粗体书写格式:
**这是粗体**
//斜体书写格式:
*这是斜体*

粗体和斜体页面展示

表格

表格是 Markdown 中有些比较累人的地方

1
2
3
4
5
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

表格页面展示

代码框

如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown 下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来,如`code`。

1
2
3
4
``
代码...
默认该区域内内容是不解析的。
``

使用 tab 键即可缩进。

分割线

分割线的语法只需要另起一行,连续输入三个星号 * 即可。


小结

以上内容是一些Markdown的基本语法,利用上面的这几条语法来书写博客文章已经没有太多问题了。可能还有需要注意一些空格或者缩进的规则。另外有时候可能你想自定义一些页面的样式来美化自己的博客文章,你就可以在markdown文档中直接书写HTML进一步美化,这些内容等有时间再写一篇文章介绍吧。

测试功能而已,你非要赏点我就没办法了...