Markdown編輯器的基本使用

Harvey丶北極熊發表於2020-11-01

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)

效果:

Harvey-blog 百度

注:Markdown本身語法不支援連結在新頁面中開啟,如果想要在新頁面中開啟的話可以用html語言的a標籤代替。

<a href="超連結地址" target="_blank">超連結名</a>

示例
<a href="http://harvey-blog.com" target="_blank">Harvey-blog</a>

七、列表

無序列表

語法:
無序列表用 - + * 任何一種都可以

- 列表內容
+ 列表內容
* 列表內容

注意:- + * 跟內容之間都要有一個空格

效果如下:

  • 列表內容
  • 列表內容
  • 列表內容
有序列表

語法:
數字加點

1. 列表內容
2. 列表內容
3. 列表內容

注意:序號跟內容之間要有空格

效果如下:

  1. 列表內容
  2. 列表內容
  3. 列表內容

列表巢狀

上一級和下一級之間敲三個空格即可

  • 一級無序列表內容
    • 二級無序列表內容
    • 二級無序列表內容
    • 二級無序列表內容
  • 一級無序列表內容
    1. 二級有序列表內容
    2. 二級有序列表內容
    3. 二級有序列表內容
  1. 一級有序列表內容
    • 二級無序列表內容
    • 二級無序列表內容
    • 二級無序列表內容
  2. 一級有序列表內容
    1. 二級有序列表內容
    2. 二級有序列表內容
    3. 二級有序列表內容

八、表格

語法:

表頭|表頭|表頭
---|:--:|---:
內容|內容|內容
內容|內容|內容

第二行分割表頭和內容。
- 有一個就行,為了對齊,多加了幾個
文字預設居左
-兩邊加:表示文字居中
-右邊加:表示文字居右
注:原生的語法兩邊都要用 | 包起來。此處省略

示例:

姓名|技能|排行
--|:--:|--:
北極熊|000|大哥
github|huhs|二哥
部落格|哈哈哈|三弟

效果如下:

姓名技能排行
北極熊000大哥
githubhuhs二哥
部落格哈哈哈三弟

九、程式碼

語法:
單行程式碼:程式碼之間分別用一個反引號包起來

    `程式碼內容`

程式碼塊:程式碼之間分別用三個反引號包起來,且兩邊的反引號單獨佔一行

(```)
  程式碼...
  程式碼...
  程式碼...
(```)

注:為了防止轉譯,前後三個反引號處加了小括號,實際是沒有的。這裡只是用來演示,實際中去掉兩邊小括號即可。

示例:

單行程式碼

`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
&```

img

相關文章