本文是在CSDN Markdown幫助的基礎上,加以整理、修改而成,並添加了編輯時,輸入端、顯示端的對比。以求最終成文的觀感,更加直觀,便於查閱。
一、快捷鍵
撤銷:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜體:Ctrl/Command + I
標題:Ctrl/Command + Shift + H
無序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
檢查列表:Ctrl/Command + Shift + C
插入代碼:Ctrl/Command + Shift + K
插入鏈接:Ctrl/Command + Shift + L
插入圖片:Ctrl/Command + Shift + G
二、標題
# 1級標題
## 2級標題
### 3級標題
#### 4級標題
##### 5級標題
###### 6級標題
1級標題
2級標題
3級標題
4級標題
5級標題
6級標題
三、文本樣式
*強調文本* _強調文本_
**加粗文本** __加粗文本__
==標記文本==
~~刪除文本~~
> 引用文本
H~2~O is是液體。
2^10^ 運算結果是 1024。
強調文本 強調文本
加粗文本 加粗文本
標記文本
刪除文本
引用文本
H2O is是液體。
210 運算結果是 1024。
四、列表
- 項目
* 項目
+ 項目
1. 項目1
2. 項目2
3. 項目3
- [ ] 計劃任務
- [x] 完成任務
- 項目
- 項目
- 項目
- 項目1
- 項目2
- 項目3
- 計劃任務
- 完成任務
五、鏈接
鏈接: [link](https://www.csdn.net/).
圖片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png)
帶尺寸的圖片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png# =30x30)
鏈接: link.
圖片:
帶尺寸的圖片:
六、代碼片
-
代碼片必須手動聲明代碼語言類型
-
目前支持代碼類型:
markup
、html
、svg
、xml
、c
、clike
、cpp
、csharp
、java
、vbnet
、go
、ruby/rb
、python/py
、php
、sql
、perl
、objectivec
、swift
、javascript/js
、css
、handlebars
、bash
、kotlin
-
代碼片主題
默認主題爲:Atom One Dark
可以前往 寫作中心/博客設置 在代碼片樣式項進行更改 -
默認類型代碼片
``` // A code block var foo = 'bar'; ```
顯示效果:
// A code block var foo = 'bar';
-
javascript 類型代碼片
```javascript // An highlighted block var foo = 'bar'; ```
顯示效果:
// An highlighted block var foo = 'bar';
七、表格
項目 | Value
-------- | -----
電腦 | $1600
手機 | $12
導管 | $1
項目 | Value |
---|---|
電腦 | $1600 |
手機 | $12 |
導管 | $1 |
| Column 1 | Column 2 |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
Column 1 | Column 2 |
---|---|
centered 文本居中 | right-aligned 文本居右 |
八、註腳
一個具有註腳的文本。[^1]
[^1]: 註腳的解釋
一個具有註腳的文本。1
九、註釋
Markdown將文本轉換爲 HTML。
*[HTML]: 超文本標記語言
Markdown將文本轉換爲 HTML。
十、甘特圖
```mermaid
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
```
十一、UML圖
```mermaid
sequenceDiagram
Title:一個早上
張三 ->> 李四: 李叔, 早上好!最近怎麼樣?
李四-->> 張三: 還不錯。
Note right of 王五: 王五從遠處走過來,搬着一個箱子.
張三-->>王五:早上好 ,王五!
李四->> 王五: 小王,需要幫助嗎?
王五-->>李四: 謝謝,這個不重,我自己來吧
```
十二、Mermaid流程圖
```mermaid
graph LR
A[長方形] -- 鏈接 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D
```
十三、Flowchart流程圖
```mermaid
flowchat
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
cond=>condition: 確認?
st->op->cond
cond(yes)->e
cond(no)->op
```
版權聲明:本文未經允許,不得轉載。
註腳的解釋 ↩︎