Markdown入门教程

来源:互联网 发布:孙鑫java视频教程下载 编辑:程序博客网 时间:2024/06/07 05:18

We believe that writing is about content, about what you want to say – not about fancy formatting.
我们坚信写作写的是内容,所思所想,而不是花样格式。
— Ulysses for Mac

Markdown介绍

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

Markdown编辑器

Mac OX Windows Web Mou Atom 简书 Ulysses for Mac MarkdownPad csdn

Markdown语法

标题

# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题

在#号后加一个空格,这是最标准的 Markdown语法

引用

如果你需要引用一小段别处的句子,就要用引用的格式

> 这是一个引用

就会出现以下效果

这是一个引用

链接

[点击进入百度](http:\\baidu.com)

就会出现以下效果

点击进入百度

注意:引用先定义 [ref_name]:url,然后在需要写入url的地方,这样使用[锚文本][ref_name],通常的ref_name一般用数字表示,这样显得专业

图片

![Markdown](http://upload-images.jianshu.io/upload_images/1335096-c81fc640acb42a3d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

就会出现以下效果

粗体与斜体

**这是粗体***这是斜体*

就会出现以下效果

* 这是粗体 *
这是斜体

换行

  • 单一段落(<p>) 用一个空白行
  • 连续两个空格 会变成一个<br>
  • 连续3个*符号,然后是空行,表示<hr>横线

有序列表

有序列表直接在文字前加1. 2. 3. 符号要和文字之间加上一个字符的空格

1. 第一行2. 第二行3. 第三行

就会出现以下效果

  1. 第一行
  2. 第二行
  3. 第三行

无序列表

只需要在文字前加上 * 即可变为无序列表,符号要和文字之间加上一个字符的空格

* 第一行* 第二行* 第三行

就会出现以下效果

  • 第一行
  • 第二行
  • 第三行

表格

最麻烦最累人的格式

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

就会出现以下效果

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

代码框

作为程序猿,需要在文章里优雅的引用代码框,只需要用三个 ` (反引号)包裹代码块

实例如下:

var canvas = document.getElementById("canvas");var context = canvas.getContext("2d");

特殊符号

  • \来转义,表示文本中的markdown符号
  • 可以在文本中直接使用html标签,但是要注意在使用的时候,前后加上空行

至此,已熟悉Markdown入门级语法,想要了解更多功能,请参见官方文档。


原创粉丝点击