博客 / 詳情

返回

Markdown語法大全

Markdown是什麼意思?

Markdown是一種輕量級標記語言,它允許人們使用易讀易寫的純文本格式編寫文檔,然後轉換成結構化的HTML(或者其他格式)。Markdown的語法包括標題、段落、列表、鏈接、圖片、代碼等元素的簡單標記。

對比我們日常使用的Word文檔,Markdown的優勢在於,兼容性更強,編輯時無需特定的軟件就能打開,與此同時,基於Markdown編輯排版的文檔,經過渲染就能一鍵轉為標準的富文本文檔,格式不易錯亂,整體使用體驗更佳。
image.png

Markdown的優勢

由於Markdown的輕量化、易讀易寫特性,並且對於圖片,圖表、數學式都有支持,許多網站都廣泛使用 Markdown 來撰寫幫助文檔或是用於論壇上發表消息。如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、簡書、CSDN、知乎等,甚至還能被使用來撰寫電子書。

  • 世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全採用Markdown編輯器的博客平台有Ghost和Typecho等。
  • 用於編寫説明文檔,以“README.md”的文件名保存在軟件的目錄下面。
  • Markdown可以快速轉化為演講PPT、Word產品文檔甚至是用非常少量的代碼完成最小可用原型。

Markdown學習

Markdown標記語言其實很簡單的,基本5分鐘就能夠入門,當你掌握了markdown來寫文檔後,你會發現你的文檔格式統一了,而且相當的快,不用再擔心格式問題,還能轉換成不同的類似。
Markdown文檔地址:https://www.markdownlang.com

Markdown發展歷史

Markdown誕生的時間非常早,約翰·格魯伯在2004年創造了Markdown語言,在語法上有很大一部分是跟亞倫·斯沃茨共同合作的。Markdown語言的目的是希望大家使用“易於閲讀、易於撰寫的純文字格式,並選擇性地轉換成有效的XHTML(或是HTML)”。

其中最重要的設計是可讀性,也就是説這個語言應該要能直接在字面上閲讀,而不用記憶格式化指令標記(像是RTF與HTML)。

因此,Markdown是現行電子郵件標記格式的慣例,雖然它也借鑑了幾個早期的標記語言,如:Setext、Textile (markup language)、reStructuredText。格魯伯也編寫了的Perl腳本:Markdown.pl,用於把Markdown語法編寫的內容轉換成有效的、結構良好的XHTML或HTML內容,並將左尖括號<和&號替換成它們各自的字符實體引用。它可以用作單獨的腳本,Blosxom和Movable Type的插件又或者BBEdit的文本過濾器。

Markdown逐漸變得流行的原因

在各類AI大語言模型推出後,Markdown變得愈發流行,原本Markdown只是在小範圍內使用的文本編輯方式,隨着各種AI工具的普及,讓AI輸出返回Markdown格式的使用技巧變得廣為人知。

AI大語言模型生成Markdown後,可經由各種工具靈活轉換,一步到位直接生成PPT、思維導圖、表格、文檔等,Markdown的這種特點,極大拓寬了AI大模型的使用場景,因此使得原先小眾的Markdown逐漸被大眾所熟知。

看到AI大模型和Markdown聯動的用法後,相信有很多人想知道,如何在AI工作流中引入Markdown文件,讓AI生成的內容更符合我們的意圖。下面分享2個AI工具聯動Markdown生成PPT、思維導圖的具體案例,希望能起到舉一反三的效果,讓AI更好地反哺每個人的學習、工作和生活。

Markdown語法大全

標題

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

效果:

一級標題

二級標題

三級標題

四級標題
五級標題
六級標題

文本樣式

> 引用文本
>  最外層
> > 第一層嵌套
> > > 第二層嵌套

效果:

引用文本
最外層

第一層嵌套

第二層嵌套
*斜體文本*
_斜體文本_
**粗體文本**
__粗體文本__
***粗斜體文本***
___粗斜體文本___
==標記文本==
~~刪除文本~~

效果:
斜體文本
斜體文本
粗體文本
粗體文本
粗斜體文本
粗斜體文本
==標記文本==
刪除文本

HTML元素

目前支持的HTML元素有:<kbd> <b> <i> <em> <sup> <sub> <br>

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啓電腦

代碼片`

鏈接

markdown
https://https://www.markdownlang.com/

圖片

圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg)

帶尺寸的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x60)

寬度確定高度等比例的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x)

高度確定寬度等比例的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =x60)

居中的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center)

居中並且帶尺寸的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center =60x60)

居右的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svgg#pic_right)

圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg)

帶尺寸的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x60)

寬度確定高度等比例的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x)

高度確定寬度等比例的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =x60)

居中的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center)

居中並且帶尺寸的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center =60x60)

居右的圖片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_right)

列表

- 無序列表
  * 項目
    + 項目

1. 有序列表
2. 項目2
3. 項目3

- [ ] 計劃任務
- [x] 完成任務
  • 無序列表

    • 項目

      • 項目
  1. 有序列表
  2. 項目2
  3. 項目3
  • [ ] 計劃任務
  • [x] 完成任務

表格

學生 | 成績
 -- | --
張三  | 80
李四  | 90
王二  | 95

| Column 1 | Column 2 | Column 2  
|:--|:--:| --:|
|  文本居左 |  文本居中 |  文本居右 |
學生 成績
張三 80
李四 90
王二 95
Column 1 Column 2 Column 2
文本居左 文本居中 文本居右

註腳和註釋

一個具有註腳的文本。[^1]

[^1]: 註腳的解釋

image.png

插入UML圖

sequenceDiagram
張三 ->> 李四: 你好!李四, 最近怎麼樣?
李四-->>王五: 你最近怎麼樣,王五?
李四--x 張三: 我很好,謝謝!
李四-x 王五: 我很好,謝謝!
Note right of 王五: 李四想了很長時間, 文字太長了<br/>不適合放在一行.

李四-->>張三: 打量着王五...
張三->>王五: 很好... 王五, 你怎麼樣?
```
sequenceDiagram
張三 ->> 李四: 你好!李四, 最近怎麼樣?
李四-->>王五: 你最近怎麼樣,王五?
李四--x 張三: 我很好,謝謝!
李四-x 王五: 我很好,謝謝!
Note right of 王五: 李四想了很長時間, 文字太長了<br/>不適合放在一行.

李四-->>張三: 打量着王五...
張三->>王五: 很好... 王五, 你怎麼樣?
![image.png](/img/bVdnm5K)


### 插入甘特圖
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 現有任務
        已完成               :done,    des1, 2014-01-06,2014-01-08
        進行中               :active,  des2, 2014-01-09, 3d
     計劃中               :des3, after des2, 5d
![image.png](/img/bVdnm5L)
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 現有任務
        已完成               :done,    des1, 2014-01-06,2014-01-08
        進行中               :active,  des2, 2014-01-09, 3d
     計劃中               :des3, after des2, 5d




### 插入Mermaid流程圖
graph LR
A[長方形] -- 鏈接 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D
graph LR
A[長方形] -- 鏈接 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D

### 插入Flowchart流程圖
flowchat
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
cond=>condition: 確認?

st->op->cond
cond(yes)->e
cond(no)->op




### 插入classDiagram類圖
classDiagram
    Class01 <|-- AveryLongClass : Cool
    <<interface>> Class01
    Class09 --> C2 : Where am i?
        Class09 --* C3
    Class09 --|> Class07
    Class07 : equals()
    Class07 : Object[] elementData
    Class01 : size()
    Class01 : int chimp
    Class01 : int gorilla
    class Class10 {
        >>service>>
        int id
        size()
    }


### 轉義

文本加粗
** 正常顯示星號 **


### 文本加粗
** 正常顯示星號 **

Markdown 支持以下這些符號前面加上反斜槓來幫助插入普通的符號:

\ 反斜線
` 反引號

  • 星號
    _ 下劃線
    {} 花括號
    [] 方括號
    () 小括號

    井字號

  • 加號
  • 減號
    . 英文句點
    ! 感嘆號

### 數學公式(高級)
數學公式都用 `$ $ `來表示, `$$ $$ `表示獨行並且居中。
`$x+y$` : x + y x+yx+y
`$$x+y$$` :
以下都用單個的 $ 進行舉例。

![image.png](/img/bVdnm5R)
數學符號
![image.png](/img/bVdnm5S)
佔位符
![image.png](/img/bVdnm5T)

四則運算
![image.png](/img/bVdnm5V)
邏輯運算

![image.png](/img/bVdnm5W)
集合運算
![image.png](/img/bVdnm5X)

高級運算
![image.png](/img/bVdnm5Y)
大寫希臘字母
![image.png](/img/bVdnm5Z)
小寫希臘字母
![image.png](/img/bVdnm50)

最後,如何你在使用markdown時,可以結合[markdown在線編輯器](https://www.markdownlang.com/editor/ "markdown在線編輯器") https://www.markdownlang.com/editor/
這樣學下來比較快。
user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.