Markdown編輯器簡介javascript
Markdown 是一種輕量級的「標記語言」,它的優勢不少,目前也被愈來愈多的寫做愛好者,撰稿者普遍使用。看到這裏請不要被「標記」、「語言」所迷惑,Markdown 的語法十分簡單。經常使用的標記符號也不超過十個,這種相對於更爲複雜的HTML 標記語言來講,Markdown 可謂是十分輕量的,學習成本也不須要太多,且一旦熟悉這種語法規則,會有一勞永逸的效果。java
Markdown的優勢編程
- 有編程同樣的體驗
- 可讀,直觀,適合全部人的寫做語言
- 不用關心排版,專一於編寫文字
- 導出爲PDF、HTML格式的文檔
工具下載編輯器
我我的以爲仍是在線的好,固然也能夠用客戶端都同樣
在線使用: 點我打開
各個系統版本客戶端:點我下載 提取碼:7r4s工具
一、標題
使用 # 號標記
使用 # 號可表示 1-6 級標題,一級標題對應一個 # 號,二級標題對應兩個 # 號,以此類推。學習
#一級標題
##二級標題
###三級標題
####四級標題
#####五級標題
######六級標題字體
展現:code
二、字體blog
> \*我是斜體* 兩邊各用一顆星包裹 > \**我是粗體** 兩邊各用兩顆星包裹 > \***我是斜體加粗*** 兩邊各用三顆星包裹
效果:
我是斜體
我是粗體
我是斜體加粗圖片
三、分隔線
你能夠在一行中用三個以上的星號、減號、底線來創建一個分隔線,行內不能有其餘東西。你也能夠在星號或是減號中間插入空格。下面每種寫法均可以創建分隔線:
***
* * *
*****
- - -
----------
效果:
四、列表
Markdown 支持有序列表和無序列表。
無序列表使用星號(*)、加號(+)或是減號(-)做爲列表標記
* 第一項
+ 第二項
- 第三項
效果:
- 第一項
- 第二項
- 第三項
效果:
5. 列表嵌套
列表嵌套只需在子列表中的選項添加四個空格(至關於一個縮進)便可:
- 第一項
- 第一項嵌套的第一個元素
- 第一項嵌套的第二個元素- 第二項
- 第二項嵌套的第一個元素
- 第二項嵌套的第二個元素
效果:
六、區塊的引用
Markdown 區塊引用是在段落開頭使用 > 符號 ,而後後面緊跟一個空格符號,還能夠和有序列表和無序列表嵌套一塊兒使用,能夠看到我展現代碼也是寫在區塊裏面的:
> 這是一個區塊
>> 這是第二層區塊
>>> 這是第三層區塊
效果:
這是一個區塊
這是第二層區塊
這是第三層區塊
七、代碼高亮
能夠用 ``` 包裹一段代碼,並指定一種語言(也能夠不指定):
```javascript
$(document).ready(function () {
alert('RUNOOB');
});
```
效果:
$(document).ready(function () { alert('RUNOOB'); });
八、圖片和連接
連接的使用方法以下:
[連接名稱](連接地址)
或者
<連接地址> 好比: 這是一個連接 [百度一下]( https://www.baidu.com)
效果:
這是一個連接 百度一下
圖片的使用方法:
Markdown 圖片語法格式以下:
- ![alt 屬性文本](圖片地址)
- ![alt 屬性文本](圖片地址 "可選標題")
九、表格
Markdown 製做表格使用 | 來分隔不一樣的單元格,使用 - 來分隔表頭和其餘行。
語法格式以下:
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |
效果:
表頭 | 表頭 |
---|---|
單元格 | 單元格 |
單元格 | 單元格 |
實例:
左對齊 | 右對齊 | 居中對齊 |
---|---|---|
單元格 | 單元格 | 單元格 |
單元格 | 單元格 | 單元格 |
十、高級技巧
轉義
Markdown 使用了不少特殊符號來表示特定的意義,若是須要顯示特定的符號則須要使用轉義字符,Markdown 使用反斜槓轉義特殊字符:
**文本加粗**
\\ 正常顯示星號 \\
展現效果:
文本加粗
** 正常顯示星號 **