手把手教你使用markdown編輯器(超詳細)
如何使用markdown編輯器來寫部落格
之前使用markdown格式編寫文件,但是都是一些零零散散的格式,今天有點空閒時間來總結一下markdown的格式,便於自己以後書寫marikdown文件。
目錄
用[TOC]
來生成目錄:
code如下:
[TOC]
效果如下:
認識markdown
markdown是一種輕量級的標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的HTML頁面。 ———— [ 維基百科 ]
markdown優點
- 有程式設計一樣的體驗
- 可讀,直觀,適合所有人的寫作語言
- 不用關心排版、專注於編寫文字
- 可匯出為PDF、html格式的文件
markdown編寫工具介紹
斜體加粗
*我是斜體*
** 我是粗體**
***我是邪粗體***
我是斜體
我是粗體
我是邪粗體
連結
[我是一個連結](https://www.baidu.com/)
列表
有序列表
code如下:
1. 第一項
2. 第一項
3. 第一項
注意:小數點之後有空格,多級有序目錄參考下面的多極無序目錄的寫法
效果如下:
1. 第一項
2. 第二項
3. 第三項
無序列表
code如下:
使用
*
或者-
創作無序項,注意需要新增空格
* 無序項1
* 無序項1的子項1
* 無序項1的子項2
* 下一級無序項
- 無序項2
- 無序項2的子項1
- 無序項2的子項2
- 下一級無序項
* 無序項3
注意:下一級目錄要在*
或者-
新增兩個空格,比如:一級目錄寫完後,二級目錄就要在一級目錄下面輸入兩個空格之後再輸如*
或者-
。有序列表原理一致。
效果如下:
- 無序項1
- 無序項1的子項1
- 無序項1的子項2
- 下一級無序項
- 無序項2
- 無序項2的子項1
- 無序項2的子項2
- 下一級無序項
- 無序項3
表格
Markdown Extra表格語法
專案 | 價格
————–| ——–
Computer | 12
Pipe | $1
專案 | 價格 |
---|---|
Computer | $1600 |
Phone | $12 |
Pipe | $1 |
可以使用冒號來定義對齊方式:
| 專案 | 價格 | 數量 |
| :——– | ——–:| :–: |
| Computer | 1600 元 | 5 |
| Phone | 12 元 | 12 |
| Pipe | 1 元 | 234 |
專案 | 價格 | 數量 |
---|---|---|
Computer | 1600 元 | 5 |
Phone | 12 元 | 12 |
Pipe | 1 元 | 234 |
定義列表語法
Markdown Extra 定義列表語法:
專案1
專案2
: 定義 A
: 定義 B
專案3
: 定義 C
: 定義 D
定義D內容
專案1
- 專案2
- 定義 A
- 定義 B
- 專案3
- 定義 C
- 定義 D
定義D內容
程式碼塊
程式碼塊語法遵循標準markdown程式碼,例如:
“`java
public class HelloWorld {
public static void main(String[] args){
System.out.println(“hello world”);
}
}
>>> hello world
“`
public class HelloWorld {
public static void main(String[] args){
System.out.println("hello world");
}
}
>>> hello world
腳註
生成一個腳註3.
數學公式(部分支援,如csdn)
- 行內公式,數學公式為:。
- 塊級公式:
更多LaTex語法請參考 這兒.
圖形繪製(部分支援,如csdn)
UML圖
可以渲染序列圖:
“`sequence
張三->李四: 嘿,小四兒, 寫部落格了沒?
Note right of 李四: 李四愣了一下,說:
李四–>張三: 忙得吐血,哪有時間寫。
“`
可以渲染序列圖:
流程圖
“`flow
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
cond=>condition: 確認?
st->op->cond
cond(yes)->e
cond(no)->op
“`
CSDN-markdown快捷鍵
- 加粗
Ctrl + B
- 斜體
Ctrl + I
- 引用
Ctrl + Q
- 插入連結
Ctrl + L
- 插入程式碼
Ctrl + K
- 插入圖片
Ctrl + G
- 提升標題
Ctrl + H
- 有序列表
Ctrl + O
- 無序列表
Ctrl + U
- 橫線
Ctrl + R
- 撤銷
Ctrl + Z
- 重做
Ctrl + Y
標題
code如下:
# 標題一
## 標題二
### 標題三
#### 標題四
##### 標題五
###### 標題六
效果如下: