Markdown的基本語法

Markdown是一種純文本格式的標記語言。經過簡單的標記語法,它可使普通文本內容具備必定的格式。php

相比WYSIWYG編輯器html

優勢:
一、由於是純文本,因此只要支持Markdown的地方都能得到同樣的編輯效果,可讓做者擺脫排版的困擾,專心寫做。
二、操做簡單。好比:WYSIWYG編輯時標記個標題,先選中內容,再點擊導航欄的標題按鈕,選擇幾級標題。要三個步驟。而Markdown只須要在標題內容前加#便可vue

缺點:
一、須要記一些語法(固然,是很簡單。五分鐘學會)。
二、有些平臺不支持Markdown編輯模式。git

1、標題

在想要設置爲標題的文字前面加#來表示
一個#是一級標題,二個#是二級標題,以此類推。支持六級標題。github

注:標準語法通常在#後跟個空格再寫文字,貌似簡書不加空格也行。小程序

示例:編輯器

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

效果以下:字體

clipboard.png

2、字體

一、加粗

要加粗的文字左右分別用兩個*號包起來spa

二、斜體

要傾斜的文字左右分別用一個*號包起來3d

三、斜體加粗

要傾斜和加粗的文字左右分別用三個*號包起來

四、刪除線

要加刪除線的文字左右分別用兩個~~號包起來

示例:

**這是加粗的文字**
*這是傾斜的文字*`
***這是斜體加粗的文字***
~~這是加刪除線的文字~~

效果以下:

這是加粗的文字
這是傾斜的文字
這是斜體加粗的文字
~~這是加刪除線的文字

3、引用

在引用的文字前加>便可。引用也能夠嵌套,如加兩個>>三個>>>
n個…,可一直加下去。

示例:

>這是引用的內容
>>這是引用的內容
>>>>>>>>>>這是引用的內容

效果以下:

這是引用的內容

這是引用的內容

這是引用的內容

4、分割線

三個或者三個以上的 - 或者 * 均可以。

示例:

---
----
***
*****

效果以下:
能夠看到,顯示效果是同樣的。




5、圖片

語法:

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

圖片alt就是顯示在圖片下面的文字,至關於對圖片內容的解釋。
圖片title是圖片的標題,當鼠標移到圖片上時顯示的內容。title可加可不加

示例:

![blockchain](/img/remote/1460000020251606?w=658&h=345 "github logo")

效果以下:

blockchain

上傳本地圖片直接點擊導航欄的圖片標誌,選擇圖片便可

6、超連接

語法:

[超連接名](超連接地址 "超連接title")
title可加可不加

示例:

[簡書](http://jianshu.com)
[百度](http://baidu.com)

效果以下:

簡書
百度

注:Markdown自己語法不支持連接在新頁面中打開,貌似簡書作了處理,是能夠的。別的平臺可能就不行了,若是想要在新頁面中打開的話能夠用html語言的a標籤代替。

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

示例
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">簡書</a>

7、列表

一、無序列表

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

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

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

效果以下:

  • 列表內容
  • 列表內容
  • 列表內容
二、有序列表

語法:
數字加點

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

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

效果以下:

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

三、列表嵌套

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

  • 一級無序列表內容

    • 二級無序列表內容
    • 二級無序列表內容
    • 二級無序列表內容
  • 一級無序列表內容

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

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

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

8、表格

語法:

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

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

示例:

姓名|技能|排行
--|:--:|--:
張三|php|高級
李四|vue|中級
大一|小程序|中級

效果以下:

姓名 技能 排行
張三 Php 高級
李四 Vue 中級
大一 小程序 中級

9、代碼

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

`代碼內容`

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

(```)
  代碼...
  代碼...
  代碼...
(```)
注:爲了防止轉譯,先後三個反引號處加了小括號,實際是沒有的。這裏只是用來演示,實際中去掉兩邊小括號便可。

示例:

單行代碼

`create database hero;`

代碼塊

(```)
    function fun(){
         echo "這是一句很是牛逼的代碼";
    }
    fun();
(```)

效果以下:

單行代碼

create database hero;

代碼塊

function fun(){
  echo "這是一句很是牛逼的代碼";
}
fun();

10、流程圖

​```flow
st=>start: 開始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果以下:
流程圖

11、相關資料

Markdown基本語法

相關文章
相關標籤/搜索