Markdown入门

发表于 更新于 分类于 阅读次数：
本文字数： 2.6k 阅读时长 ≈ 2 分钟

前言

Markdown是一种轻量级的标记语言，相对于HTML来说，它可谓是十分轻量级的，语法超级简单，不用花太多的时间就能够熟悉它的语法规则，使用起来也是十分方便。在我们进行博客文章写作的时候，它所带来的好处当然是很多的，比如：使我们更加专注写作内容的本身，而不用花太多心思处理排版样式等其他问题；简单来说就是Markdown可以让我们轻松完成文章写作。

使用什么工具进行写作？

最简单的当然是用最纯粹的文本编辑器记事本，当然也可以用vim、sublime text 2等等高大上的文本编辑器。不过想要一边编辑一边看效果的可以使用以下两个工具：MarkdownPad 和 MarkPad 。

Markdown基本语法

标题

标题是每篇文章中最常用的格式，Markdown将一段文字修饰为标题有两种语法，类Setext和类Atx两种形式。

1
2
3
4
5
6
7
8
9
10
11
12
13
类Setext形式
一级标题
========
二级标题
--------

类Atx形式
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

强调文字

Markdowm使用**text**这种语法加粗文字，使用*text*倾斜文字，使用***text***加粗并倾斜文字。

1
2
3
*斜体*
**粗体**
***加粗斜体***

换行

如果需要使用Markdown强制在页面插入<br/>标签起到换行效果，则在需要换行的地方先键入2个空格再键入回车。

分隔线

使用Markdown插入分隔线是十分简单的，在行内使用3个或3个以上*或-，符号之间可以用空格间隔，但行内不能有任何其他的内容；
为了避免出现歧义，一般情况下建议使用*，因为在上一行如果有文字的话，-会修饰它们成为二级标题。

1
2
3
4
5
6
7
***

---

* * * *

- - - - -

引用

如果要引用一段文字，那只要需要引用的文字前添加>尖括号就有引用效果；并且引用里可以使用强调、链接等其他Markdown语法；使用不同数量的>表示引用层次，从而达到嵌套引用的效果。 

1
2
3
4
5
6
7
> 这是一段引用
> > 这是嵌套引用

> 引用段落：Markdown是一种**超轻量级**的标记语言，它能够为我们所写的文章进行排版，
  并且操作起来十分简单，因此使用Markdown进行写作是一件十分轻松愉快的事情。

> **End**

代码区块

有时我们想把已经排版好内容按原样输出，这时就要使用代码区块了；在Markdown中使用4个空格或1个制表符就可以创建代码区块，转换成HTML页面，代码区块的内容都会被<pre>和<code>标签包裹起来。

代码

如果在文章中显示程序代码，并且要带有高亮，这时必须使用这两种语法将代码片段包裹起来：

  • 单个反引号`，少量的代码片段可以用一对单个反引号将它们包裹起来。
  • 3个反引号```，大片的程序代码，则可以用一对3个反引号包裹，并且可以在第一组3反引号后注明语言类型，以便高亮。

列表

  • 无序列表
    使用星号*或减号-起头
1
2
3
4
5
6
7
* one
* two
* three

- water
- fire
- wind
  • 有序列表
    使用数字后跟一个英文句点起头
1
2
3
1. one
2. two
3. three
  • 嵌套列表
    使用有序或无序列表的语法，并且使用tab缩进表示列表嵌套层次
1
2
3
4
5
6
7
8
9
10
11
1. 水果
	- 苹果
	- 橘子
	- 雪梨
2. 编程语言
	1.脚本语言
		- JavaScript
		- ActionScript
	2.高级语言
		- C++
		- Java

链接

Markdown的链接语法有2种：行内式链接和参考式链接；它们都是用方括号[]来标记链接文字。

  • 行内式链接
    在使用方括号包裹链接文字后，后面紧跟圆括号并在内键入网址即可，也可以在链接后面加上title文字，用双引号括起来即可，
    通用格式：[链接文字](网址 "可选的title文字")
1
2
这是我的[博客](http://extremegtr.github.io/ "MyBlog")
这是我的[博客](http://extremegtr.github.io/)
  • 参考式链接
    首先要进行链接内容定义，然后再引用该定义设置链接
    通用格式：1.链接内容定义[id]: 链接地址 "可选title文字" 2.设置链接[链接文字][id]
1
2
[my_blog]: http://extremegtr.github.io/ "我的hexo博客"
欢迎访问[我的博客][my_blog]

图片

使用Markdown插入图片也是十分简单的，语法与链接十分类似，所以也分行内式和参考式。

  • 行内式
    通用格式：![任意文字](图片地址 "可选title文字")
1
2
![我的图片](xx/yy/my_img.jpg "我的图片")
![我的图片](xx/yy/my_img.jpg)
  • 参考式
    通用格式：1.图片链接内容定义[id]: 图片地址 "可选title文字" 2.设置图片链接![任意文字][id]
1
2
[my_img]: xx/yy/my_img.jpg "我的图片"
![我的图片][my_img]

页内导航

有时候，我们所使用的博客主题没有自带目录功能，或者是我们要自定义一些页内的跳转，此时便需要建立页内导航。
只需做到以下2步：

  • 先在自己所想要跳转到的地方定义一个锚记
1
<div id="anchorA"></div>
  • 然后在另一处设置页内链接，并使用之前定义的锚记
    1
    [跳转到锚记A标记的地方](#anchorA)

删除线

Markdown使用~~文字~~两个波浪线将指定的文字包裹起来，就能添加删除线了，转换为html后这段文字是被<del>标签包裹住。

1
~~这段文字被添加了删除线~~

转义字符

如果自己想在Markdown的一些语法中输出一些特殊符号，和大多数编程语言一样，使用反斜杠\对这些特殊符号进行转义。

1
2
3
4
5
6
7
8
9
10
11
12
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 圆括号
# 井号
+ 加号
- 减号
. 英文句号
! 感叹号

End

在平常的写作中，掌握以上的语法后基本够用了；Markdown有更多高级的特性，但用得确实不多。