视觉设计

markdown入门教程

2017-05-08  本文已影响27人  Wowker

# Markdown——入门指南

## 二,Markdown 语法的简要规则

### 标题

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

以此类推,总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法。

# 一级标题

## 二级标题

### 三级标题

![title icon](/Users/wuwei/documents/Markdown/img/title.jpg)

### 列表

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

#### 无序列表

* 1

* 2

* 3

* 4

#### 有序列表

1. 1

2. 2

3. 3

4. 4

![title icon](/Users/wuwei/documents/Markdown/img/list.jpg)

### 引用

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

只需要在文本前加入 > 这种尖括号(大于号)即可

例如这样

> 这是引用

![title icon](/Users/wuwei/documents/Markdown/img/preference.jpg)

### 图片与链接

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

图片为:![](){ImgCap}{/ImgCap}

链接为:[]()

#### 插入链接

[baidu](http://baidu)

#### 插入图片

![title icon](/Users/wuwei/documents/Markdown/img/pictureandlink.jpg)

### 粗体与斜体

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

例如:**这里是粗体**  *这里是斜体*

### 表格

表格是我觉得 Markdown 比较累人的地方,例子如下:

| Tables        | Are          | Cool  |

| ------------- |:-------------:| -----:|

| col 3 is      | right-aligned | $1600 |

| col 2 is      | centered      |  $12 |

| zebra stripes | are neat      |    $1 |

这种语法生成的表格请看preview:

: 当第一列没有:时代表这一列默认居左,第二列左右都有:时表示这一列居中,第三列右侧有:时表示这一列居右。

#### 代码框

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

public void main(String args){

system.out.println("Hello World");

}`

![title icon](/Users/wuwei/documents/Markdown/img/codebox.jpg)

### 分割线

分割线的语法只需要三个 * 号,例如:

***

到这里,Markdown 的基本语法在日常的使用中基本就没什么大问题了,只要多加练习。

本文只用于个人学习,不用于其他用途。

欢迎指正学习讨论。

@若转载请标明出处

原学习文件地址github

上一篇 下一篇

猜你喜欢

热点阅读