Markdown語法有哪些

本篇內(nèi)容主要講解“Markdown語法有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“Markdown語法有哪些”吧!

目錄

• 代碼：

[TOC]
[MENU]

• 效果顯示如上

多級標(biāo)題

• 代碼：

# 一級標(biāo)題
## 二級標(biāo)題
##### 多級標(biāo)題

• 效果

  一級標(biāo)題

  二級標(biāo)題

  多級標(biāo)題

引用與注釋

• 代碼：

> 一級引用
>> 二級引用
>>>>> n級引用

• 效果

  一級引用

  二級引用

  n級引用

插入代碼

行內(nèi)代碼

• 代碼：

`行內(nèi)代碼`

• 效果行內(nèi)代碼

代碼段

這是代碼//代碼中無視markdown語法，所以本文中所有展示markdown原始文本的部分都是用代碼段包起來的。

• 代碼：

這是代碼
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
 
```python
s = "Python syntax highlighting"
print s
```

```makrdown
> 一級引用
>> 二級引用
>>>>> n級引用
```

多級列表

無序列表

• 代碼：

//-*+三個符號在無序列表中地位平等
- 第一項
* 第二項
    * 第二項//前面加一個空格或tab就表示下一級
        * 這又是一級
+ 第三項

• 效果

• 第一項

• 第二項

• 這又是一級

• 第二項//前面加一個空格或tab就表示下一級

• 第三項

有序列表

• 代碼：

//數(shù)字加.加空格表示一個有序列表項，tab或空格觸發(fā)下一級
1. 這是有序的
	1. 這是有序的
2. 這是有序的
	1. 這是有序的

1. 這是有序的

1. 這是有序的

2. 這是有序的

1. 這是有序的

超鏈接

行內(nèi)超鏈接

• 代碼：

[百度](baidu.com)

• 效果

百度

參數(shù)式超鏈接

• 代碼：

聲明：[百度]:baidu.com
使用：進(jìn)入[百度]

字體

• 代碼：

*斜體*
**粗體**
***斜體加粗***
~~刪除線~~

• 效果

斜體
粗體
斜體加粗
刪除線

表格

• 代碼：

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

注釋：
-----: 表示右對齊
:----- 表示左對齊
:----: 表示居中對齊

• 效果

圖片

• 代碼：

![圖片](圖片地址)
//注意，默認(rèn)圖片格式是原始尺寸，如果想自定義圖像大小，要用img標(biāo)簽：

Inline-style: 
![alt text](https://gitee.com/msntec/work-notes/raw/master/Markdown/pic/markdown_flag.png "Logo Title Text 1")

Reference-style: 
![alt text][logo]

[logo]: https://gitee.com/msntec/work-notes/raw/master/Markdown/pic/markdown_flag.png "Logo Title Text 2"

Inline-style:

Reference-style:

設(shè)置圖片大小

Markdown自帶功能

• 代碼：

![loading.png](https://upload-images.jianshu.io/upload_images/6967706-0b0037793a690aeb.png?imageMogr2/auto-orient/strip|imageView2/2/w/512/format/webp?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![loading.png](https://upload-images.jianshu.io/upload_images/6967706-0b0037793a690aeb.png?imageMogr2/auto-orient/strip|imageView2/2/w/512/format/webp?imageMogr2/auto-orient/strip%7CimageView2/2/w/200)

• 效果顯示

使用HTML <img>標(biāo)簽并設(shè)置width和height和比例放縮

• 代碼：

<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="圖片替換文本" width="500" height="313" align="bottom" />

<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="圖片替換文本" width=60% />

• 效果顯示

<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="圖片替換文本" width="500" height="313" align="bottom" />

<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="圖片替換文本" width=25% />

多選框

• 代碼：

- [x] A
- [ ] B
- [x] 已選中
- [ ] 未選中

- [ ] 支持以 PDF 格式導(dǎo)出文稿
- [ ] 改進(jìn) Cmd 渲染算法，使用局部渲染技術(shù)提高渲染效率
- [x] 新增 Todo 列表功能
- [x] 修復(fù) LaTex 公式渲染問題
- [x] 新增 LaTex 公式編號功能

• 效果顯示

• [x] A

• [ ] B

• [x] 已選中

• [ ] 未選中

• [ ] 支持以 PDF 格式導(dǎo)出文稿

• [ ] 改進(jìn) Cmd 渲染算法，使用局部渲染技術(shù)提高渲染效率

• [x] 新增 Todo 列表功能

• [x] 修復(fù) LaTex 公式渲染問題

• [x] 新增 LaTex 公式編號功能

腳注 (footnote)

• 代碼：

文章正文某處[^腳注id]文章正文
[^腳注id]: 腳注內(nèi)容

• 效果顯示

文章正文某處^腳注id文章正文

流程圖

• 代碼：

```flow
st=>start: Start :>https://amwiki.xf09.net[blank]
e=>end: End :>https://amwiki.xf09.net[blank]
op1=>operation: My Operation
op2=>operation: Stuff
sub1=>subroutine: My Subroutine
cond=>condition: Yes or No? :>https://amwiki.xf09.net[blank]
c2=>condition: Good idea
io=>inputoutput: catch something...

st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
```

• 效果顯示

流程圖語法介紹

流程圖語法分兩個部分，一個是聲明元素，一個是定義流程

聲明元素

語法：

tag=>type: content :>url

1. tag 設(shè)置元素名稱

2. => 元素定義符

3. type: 設(shè)置元素類型，共分6種：

• start：開始，圓角矩形

• end：結(jié)束，圓角矩形

• operation：操作/行動方案，普通矩形

• subroutine：子主題/模塊，雙邊線矩形

• condition：條件判斷/問題審核，菱形

• inputoutput：輸入輸出，平行四邊形

1. content 設(shè)置元素顯示內(nèi)容，中英均可

2. :>url 設(shè)置元素連接，可選，后接 [blank] 可以新建窗口打開

提示：注意空格，=> 前后都不能接空格；type: 后必須接空格；:> 是語法標(biāo)記，中間不能有空格

定義流程

語法：

tag1(branch,direction)->tag2

1. -> 流程定義符，連接兩個元素

2. branch 設(shè)置 condition 類型元素的兩個分支，有 yes/no 兩個值，其他元素?zé)o效

3. direction 定義流程走線方向，有 left/right/top/bottom 四個值，所有元素有效，此項配置可選 （PS: 此屬性目前有一定幾率觸發(fā)圖形錯位，刷新即可）

小提示：

• 繼續(xù)注意空格，-> 前后都不能有空格

• 由于 condition 類型有兩個分支，我們一般遇到 condition 元素就換行書寫，比如：

    st->op1-c2
    c2(yes)->io->e
    c2(no)->op2->e

  
  

由于OSCHINA社區(qū)Markdow支持功能有限，有些命令無法在這里顯示。我用的是typora編輯markdown文檔，這個markdown工具是免費(fèi)的。 這里附上我的README.md和生成后的pdf文檔how_to_use_markdown.pdf。

到此，相信大家對“Markdown語法有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！