1. 程式人生 > >一看就懂的Markdown語法

一看就懂的Markdown語法

大氣 舉例 無法 .cn 拼音輸入法 數學公式 head 特點 thead

目錄

  • 一、Markdown簡介
  • 二、編輯工具推薦
  • 三、語法
    • 1.標題
    • 2.列表
    • 3.引用
    • 4.加粗、斜體等
    • 5.鏈接與圖片
    • 6.更改圖片大小
    • 7.代碼塊
    • 8.表格
    • 9.數學表達式
    • 10.水平分割線
    • 11.標註
    • 12.任務列表
    • 13.首行縮進
  • 小結

一、Markdown簡介

Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式。實際上我們可以理解為Markdown是一種為了讓人們專註於文章內容創作而大大縮短排版時間的一種”排版“語言。
因為簡單易用、結構清晰、跨平臺(其實就是類似於TXT文本,每個平臺下都可以使用)等特點,使之成為文本工作者和技術分享人士的強大工具。

二、編輯工具推薦

Mac OS、Linux、Windows常見平臺下推薦Typora,高端大氣上檔次,最重要的一點是免費。
Typora介紹和下載安裝

註:Ctrl + / 實現Typora在編輯模式和預覽界面實時切換,非常方便

三、語法

1.標題

字體由大到小分成六級
代碼如下:

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
目前只支持到六級標題

註:# 和「標題」之間建議保留一個字符的空格,這是最標準的 Markdown 寫法。

2.列表

在文字前加上-+*生成無序列表,在文字前加上諸如1.2.變成有序列表
代碼:

- 無序序列1
+ 無序序列2
* 無序序列3
1. 有序序列1
2. 有序序列2
3. 有序序列3 

結果:

  • 無序序列1
  • 無序序列2
  • 無序序列3
  1. 有序序列1
  2. 有序序列2
  3. 有序序列3

3.引用

引用文字前加>
代碼:

> Where there is a will, there is a way.

結果:

Where there is a will, there is a way.

4.加粗、斜體等

代碼:

*斜體*
**加粗**
***斜體加粗***

結果:
斜體
加粗
斜體加粗

5.鏈接與圖片

鏈接格式:[Title](URL)
圖片格式:![Title](URL)
代碼:

[Xypgg博客園的主頁](https://www.cnblogs.com/deemolinux/)
![](http://image.bubuko.com/info/201810/20181020000651341943.png)

結果:
Xypgg博客園的主頁
技術分享圖片

6.更改圖片大小

利用HTML語言標簽<img src="filename" width="" height=""></img>進行自定義
代碼:

<img src="http://image.bubuko.com/info/201810/20181020000651341943.png" width="300px" height="230px"></img>

結果:
技術分享圖片

7.代碼塊

在代碼前後各加上一個反引號`(制表鍵Tab上面),或者直接在整個代碼塊前後各加上三個反引號,在第一個三反引號後加上代碼的語言,可進行高亮顯示,比如```Python
代碼:

分行(感覺這樣比較醜,因人而異吧)
`#include<stdio.h>
 int main(){
    printf("Welcome to Xypgg‘s Blog!");
    retrun 0;
 }`

結果:
#include<stdio.h>
int main(){
? printf("Welcome to Xypgg‘s Blog!");
? retrun 0;
}
三個反引號的結果(我文章裏代碼基本都是這種格式):

// 整體
#include<stdio.h>
int main(){
   printf("Welcome to Xypgg‘s Blog!");
   retrun 0;
}

8.表格

|分隔不同單元格,-分隔表頭和其他行,:-左對齊、:-:居中、-:右對齊,-的數量無所謂,排版你覺得好看就行(說明:個別平臺可能無法顯示效果)
代碼:

| 序號 | 姓名 | 年齡 |
| - | - | - |
| 1 | Xypgg | 18 |
| 2 | Deemo | 20 |

| left | center | right |
| :--- | :----: | ----: |
| aaaa | bbbbbb | ccccc |
| a | b | c |

結果:

序號 姓名 年齡
1 Xypgg 18
2 Deemo 20
left center right
aaaa bbbbbb ccccc
a b c

9.數學表達式

使用$$包裹起來即可,例如下面代碼:

$$ x^{y^z}=(1+{\rm e}^x)^{-2xy^w} $$

可得到公式:
$$ x^{y^z}=(1+{\rm e}^x)^{-2xy^w} $$

更多數學公式使用細則請參考這個作者:xinet

10.水平分割線

使用***產生

11.標註

鼠標懸停顯示註釋(說明:個別平臺可能只是標註一個信息,懸停不顯示,點擊跳向註釋)

代碼:

哈桑[^註釋]對我說:為你,千千萬萬遍
[^註釋]: 出自《放風箏的人》第XX頁

結果:
哈桑1對我說:為你,千千萬萬遍

12.任務列表

在[]中輸入x表示完成,也可以通過點擊選擇完成或者沒完成
代碼:

- [ ] 吃飯
- [ ] 逛街
- [ ] 看電影
- [X] 閱讀
- [ ] 遛狗
  • [ ] 吃飯
  • [ ] 逛街
  • [ ] 看電影
  • [X] 閱讀
  • [ ] 遛狗

13.首行縮進

Markdown本身並沒有縮進,別想了,But
可以通過輸入法切換全角,再鍵入空格

以搜狗拼音輸入法舉例
Ctrl + Shift 切換至搜狗
Shift + Space 切換半角和全角

沒有縮進
有縮進

小結

Markdown很簡潔方便,雖然也存在細節方面不足的地方,不過都基本無傷大雅,如果你是強迫癥,你可以加入HTML標簽細致排版。
祝大家學習愉快:)


  1. 出自《放風箏的人》第XX頁?

一看就懂的Markdown語法