markdown編輯器

提及Markdown，確定不少人都接觸過。它是一種可使用普通文本編輯器編寫的標記語言，經過簡單的標記語法，它可使普通文本內容具備必定的格式。真的是簡單又實用喲~

如今不少網站都在使用Markdown 來撰寫幫助文檔或是用於論壇上發表消息。例如：簡書、reddit、GitHub、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。

Typora 編輯器

通常我編輯Markdown文檔都是使用的Typora 編輯器，Typora 官網地址爲：https://typora.io/。下面是我安裝好後的Typora 。

Markdown的語法

咱們一塊兒來了解一下Markdown的語法吧，在此以前你須要建立一個Markdown的文件。

• 標題，其實標題的語法很簡單，一個井號#表示一級標題、兩個井號##表示二級標題，依次類推，下面是一到六級標題的語法：

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

咱們看一下在Typora 編輯器裏演示結果：

• 有序列表，這個也很簡單，有序列表只須要在文字前加上序號

1. 有序列表一
2. 有序列表二
3. 有序列表三
4. 有序列表四
5. 有序列表五

• 無序列表，通常無序列表都是在文字前面加一個-符號，其實*和+這兩個符號也有是同樣的效果。不過要記得，在使用的時候都須要用一個空格將他們三個符號和文字隔開纔會生成有效的無序列表喲~

- 無序列表樣式一
* 無序列表樣式二
+ 無序列表樣式三

• 將想要加粗的文字內容兩邊都用兩個**包圍起來，就能實現字體加粗的效果。而將文字兩邊用一個*包圍起來，字體則會傾斜。

**字體加粗**
*字體傾斜*

• 咱們常常看到的代碼塊實現起來也很簡單，只須要將代碼塊先後都使用三個反引號```包圍起來，爲了防止轉譯，在反引號前面加上了序號。

1. ```
2. 代碼塊
3. ```

• 至於單行代碼，只須要在文字內容左右兩邊加上一個反引號就能夠了。例如咱們常常要將文字中的英文單詞標記出來，便於閱讀。

這是一行文字，如今須要使用一個英文單詞`summer`，我將英文單詞標記出來。

• 分割線，一般使用三個或者三個以上的-或*符號來表示。

---
-----

***
*****

• 引用，只須要在文字的前面加上一個>大於號（或者你也能夠加多個大於號），顯示效果會不同。

• 插入圖片，通常編輯器中其實會有一個單獨插入圖片的按鈕，可是若是你想直接使用語法插入也行

！[圖片alt](圖片地址 ''圖片title'')

圖片alt就是顯示在圖片下面的文字，至關於對圖片內容的解釋
圖片title是圖片的標題，當鼠標移到圖片上時顯示的內容，能夠省略

# 例如：

![1.png](https://upload-images.jianshu.io/upload_images/3260639-c640ce0e0bfd4c2e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "鼠標懸浮文字")

• **表格也是比較經常使用的格式，它的語法略顯複雜一些 ： **

表格經過|符號來分隔不一樣的單元格，使用 - 來分隔表頭和其餘行。 可經過:和-的位置關係肯定每一列的對齊方式，-:設置內容和標題欄居右對齊，:- 設置內容和標題欄居左對齊，:-: 設置內容和標題欄居中對齊。

ID|年齡|姓名
--|:--:|--:
001|20|張三
002|30|李四
003|40|王五

• 流程圖算是比較複雜的Markdown語法了。流程圖的語法大致分爲兩部分：流程圖元素定義部分 和 鏈接流程圖元素部分，該部分用來指明流程圖的執行走向。

流程圖的畫法和代碼塊相似，流程圖也是寫在兩個```之間的，格式用flow表示。

定義元素的語法：

tag=>type: content:>url

• tag 是流程圖中的標籤，在第二段鏈接元素時使用。名稱能夠自定義。
• type 表示標籤的類型，因爲標籤的名稱能夠任意指定，因此要依賴type來肯定標籤的類型，有六種類型分別是：start、end、operation、condition、inputoutput、subroutine。
• content：流程圖文本框中的描述內容，冒號與文本之間必定要有個空格。
• url是一個鏈接，與框中的文本相綁定，點擊文本時能夠經過連接跳轉到 url 指定頁面 。

示例：