1. 程式人生 > >手把手教你使用markdown編輯器(超詳細)

手把手教你使用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 |  1600Phone|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

腳註

生成一個腳註\1.

\2: 這裡是 **腳註** 的 *內容*.

生成一個腳註3.

數學公式(部分支援,如csdn)

  • 行內公式,數學公式為:Γ(n)=(n1)!nN
  • 塊級公式:
x=b±b24ac2a

更多LaTex語法請參考 這兒.

圖形繪製(部分支援,如csdn)

UML圖

可以渲染序列圖:

“`sequence

張三->李四: 嘿,小四兒, 寫部落格了沒?

Note right of 李四: 李四愣了一下,說:

李四–>張三: 忙得吐血,哪有時間寫。

“`

可以渲染序列圖:

Created with Raphaël 2.1.2張三張三李四李四嘿,小四兒, 寫部落格了沒?李四愣了一下,說:忙得吐血,哪有時間寫。

流程圖

“`flow
st=>start: 開始

e=>end: 結束

op=>operation: 我的操作

cond=>condition: 確認?

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

Created with Raphaël 2.1.2開始我的操作確認?結束yesno
  • 關於 序列圖 語法,參考 這兒,
  • 關於 流程圖 語法,參考 這兒.

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如下:

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

效果如下:

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題
  1. 這裡是 腳註內容.
  2. 這裡是 腳註內容.
  3. 這裡是 腳註內容.