Markdown編輯器的基本使用
Markdown基本使用
Markdown基本使用
Markdown是一種純文字格式的標記語言。通過簡單的標記語法,它可以使普通文字內容具有一定的格式。
優點:
1、因為是純文字,所以只要支援Markdown的地方都能獲得一樣的編輯效果,可以讓作者擺脫排版的困擾,專心寫作。
2、操作簡單。
缺點:
1、需要記一些語法(當然,是很簡單。五分鐘學會)。
2、有些平臺不支援Markdown編輯模式。
一、標題
在想要設定為標題的文字前面加#來表示
一個#是一級標題,二個#是二級標題,以此類推。支援六級標題。
注:標準語法一般在#後跟個空格再寫文字,貌似簡書不加空格也行。
示例:
# 這是一級標題
## 這是二級標題
### 這是三級標題
#### 這是四級標題
##### 這是五級標題
###### 這是六級標題
效果如下:
這是一級標題
這是二級標題
這是三級標題
這是四級標題
這是五級標題
這是六級標題
二、字型
- 加粗
要加粗的文字左右分別用兩個*號包起來
- 斜體
要傾斜的文字左右分別用一個*號包起來
- 斜體加粗
要傾斜和加粗的文字左右分別用三個*號包起來
- 刪除線
要加刪除線的文字左右分別用兩個~~號包起來
示例:
**這是加粗的文字**
*這是傾斜的文字*`
***這是斜體加粗的文字***
~~這是加刪除線的文字~~
效果如下:
這是加粗的文字 這是傾斜的文字` 這是斜體加粗的文字 這是加刪除線的文字
三、引用
在引用的文字前加>即可。引用也可以巢狀,如加兩個>>三個>>>
n個…
貌似可以一直加下去,但沒神馬卵用
示例:
>這是引用的內容
>>這是引用的內容
>>>>>>>>>>這是引用的內容
效果:
這是引用的內容
這是引用的內容
這是引用的內容
四、分割線
三個或者三個以上的 - 或者 * 都可以。
示例:
---
----
***
*****
效果~可以看到,顯示效果是一樣的。
五、圖片
語法:
![圖片alt](圖片地址 ''圖片title'')
圖片alt就是顯示在圖片下面的文字,相當於對圖片內容的解釋。
圖片title是圖片的標題,當滑鼠移到圖片上時顯示的內容。title可加可不加
示例:
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-E8Xkdjjm-1604207275869)(https://i1.wp.com/www.uedbox.com/wp-content/uploads/2019/04/get_antsword_1-1024x824.jpg?resize=660%2C531&ssl=1)]
![11111](https://i1.wp.com/www.uedbox.com/wp-content/uploads/2019/04/get_antsword_1-1024x824.jpg?resize=660%2C531&ssl=1)
六、超連結
語法:
[超連結名](超連結地址 "超連結title")
title可加可不加
示例:
[Harvey-blog](http://harvey-blog.com)
[百度](http://baidu.com)
效果:
注:Markdown本身語法不支援連結在新頁面中開啟,如果想要在新頁面中開啟的話可以用html語言的a標籤代替。
<a href="超連結地址" target="_blank">超連結名</a>
示例
<a href="http://harvey-blog.com" target="_blank">Harvey-blog</a>
七、列表
無序列表
語法:
無序列表用 - + * 任何一種都可以
- 列表內容
+ 列表內容
* 列表內容
注意:- + * 跟內容之間都要有一個空格
效果如下:
- 列表內容
- 列表內容
- 列表內容
有序列表
語法:
數字加點
1. 列表內容
2. 列表內容
3. 列表內容
注意:序號跟內容之間要有空格
效果如下:
- 列表內容
- 列表內容
- 列表內容
列表巢狀
上一級和下一級之間敲三個空格即可
- 一級無序列表內容
- 二級無序列表內容
- 二級無序列表內容
- 二級無序列表內容
- 一級無序列表內容
- 二級有序列表內容
- 二級有序列表內容
- 二級有序列表內容
- 一級有序列表內容
- 二級無序列表內容
- 二級無序列表內容
- 二級無序列表內容
- 一級有序列表內容
- 二級有序列表內容
- 二級有序列表內容
- 二級有序列表內容
八、表格
語法:
表頭|表頭|表頭
---|:--:|---:
內容|內容|內容
內容|內容|內容
第二行分割表頭和內容。
- 有一個就行,為了對齊,多加了幾個
文字預設居左
-兩邊加:表示文字居中
-右邊加:表示文字居右
注:原生的語法兩邊都要用 | 包起來。此處省略
示例:
姓名|技能|排行
--|:--:|--:
北極熊|000|大哥
github|huhs|二哥
部落格|哈哈哈|三弟
效果如下:
姓名 | 技能 | 排行 |
---|---|---|
北極熊 | 000 | 大哥 |
github | huhs | 二哥 |
部落格 | 哈哈哈 | 三弟 |
九、程式碼
語法:
單行程式碼:程式碼之間分別用一個反引號包起來
`程式碼內容`
程式碼塊:程式碼之間分別用三個反引號包起來,且兩邊的反引號單獨佔一行
(```)
程式碼...
程式碼...
程式碼...
(```)
注:為了防止轉譯,前後三個反引號處加了小括號,實際是沒有的。這裡只是用來演示,實際中去掉兩邊小括號即可。
示例:
單行程式碼
`Hello word;`
程式碼塊
(```)
function fun(){
echo "這是一句非常牛逼的程式碼";
}
fun();
(```)
效果如下:
單行程式碼
Hello word;
程式碼塊
() function fun(){ echo "這是一句非常牛逼的程式碼"; } fun(); (
)
十、流程圖
```mermaid
flowchat
st=>start: 開始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```
相關文章
- 歡迎使用markdown編輯器
- markdown編輯器常見使用
- Markdown編輯器
- Filament Markdown 編輯器
- 使用vscode編輯markdownVSCode
- 如何快速使用CSDN-Markdown編輯器
- 歡迎使用CSDN-markdown編輯器---
- CSDN-markdown編輯器怎樣使用
- lit ace markdown編輯器
- WordMark for Mac MarkDown編輯器Mac
- Markdown編輯器說明
- SmartDown for mac(MarkDown編輯器)Mac
- Markdown 編輯器寫文章
- markdown編輯器語法
- vue-markdown編輯器Vue
- 歡迎使用CSDN-markdown編輯器day
- 掘金Markdown編輯器使用
- Markdown文字編輯器:Typora for MacMac
- Typora for Mac(Markdown文字編輯器)Mac
- Typora for Mac - Markdown文字編輯器Mac
- Versatil Markdown for Mac文字編輯器Mac
- Chrome外掛——Markdown編輯器Chrome
- 掘金-Markdown 編輯器寫文章
- React 中整合 Markdown編輯器React
- Markdown 編輯器語法指南
- Markdown線上、離線編輯器與使用教程
- 一個 Markdown 編輯器的誕生
- markdown編輯器使用備忘
- vue 專案中使用 markdown編輯器 mavon-editorVue
- 第一次使用CSDN-markdown編輯器
- CSDN-markdown編輯器(備忘)
- 用掘金-Markdown 編輯器寫文章
- 推薦幾款好用的Markdown編輯器
- BootstrapBlazor 實戰 Markdown 編輯器使用bootBlazor
- Let's Markdown:使用Rust、WebAssembly和React構建的實時協作Markdown編輯器!RustWebReact
- 編輯器之神:VIM 的基本操作
- 專注Markdown文字編輯器:Typora macMac
- Typora編輯器Markdown語法簡介