Markdown使用學習

Markdown使用學習

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

優勢:

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

缺點:

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

1、標題

展現:this

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

效果以下:code

這是一級標題

這是二級標題

這是三級標題

這是四級標題

這是五級標題
這是六級標題

2、字體

  • 加粗
    要加粗的文字左右分別用兩個*號包起來
  • 斜體
    要傾斜的文字左右分別用一個*號包起來
  • 斜體加粗
    要傾斜和加粗的文字左右分別用三個*號包起來
  • 刪除線
    要加刪除線的文字左右分別用兩個~~號包起來
    示例:
**這是加粗的文字**
*這是傾斜的文字*`
***這是斜體加粗的文字***
~~這是加刪除線的文字~~

效果以下:
這是加粗的文字
這是傾斜的文字`
這是斜體加粗的文字
這是加刪除線的文字blog

3、引用

在引用的文字前加>便可。引用也能夠嵌套,如加兩個>>三個>>>
n個...
示例:圖片

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

效果以下:get

這是引用的內容博客

這是引用的內容it

這是引用的內容

4、分割線

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

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

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




5、上傳圖片

語法:

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

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

示例:

![女神](https://img2020.cnblogs.com/blog/1826200/202003/1826200-20200328115042309-417261006.jpg)

效果展現:
女神
markdown格式追求的是簡單、多平臺統一。那麼圖片的存儲就是一個問題,須要用圖牀,提供統一的外鏈,這樣就不用在不一樣的平臺去處理圖片的問題了。才能作到書寫一次,各處使用。

6、超連接

語法:

[超連接名](超連接地址 "超連接title")
title可加可不加
[簡書](http://jianshu.com)
[百度](http://baidu.com)

效果展現:
百度

7、列表

無序列表

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

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

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

效果展現:

  • 列表內容
  • 列表內容
  • 列表內容

有序列表

語法:
數字加點

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

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

效果展現:

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

列表嵌套:

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

- 一級無序列表內容
   - 二級無需列表

效果展現:

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

8、表格

語法:

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

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

示例:

姓名|技能|排行
--|:--:|--:
鋼鐵俠|科技和錢|弟弟
美國隊長|身體素質|第
雷神|神|最強復仇者聯盟(自稱)

效果展現(此處不支持):
--|:--😐--:
鋼鐵俠|科技和錢|弟弟
美國隊長|身體素質|第
雷神|神|最強復仇者聯盟(自稱)

9、代碼

單行代碼

示例:
`This is your codes`
單引號括起來

效果展現:
This is your codes

代碼塊

示例:此處括號在使用中去掉,這裏引發了歧義因此加了括號爲了展現
(```)
this is your codes;
this is your codes;
this is your codes;
(```)

效果展現:

this is your codes;
this is your codes;
this is your codes;

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、增長空格和空行

空格

輸入  
這是一個   例子

空行

輸入  
這是一個例子

這是一個例子

注意句末分號

相關文章
相關標籤/搜索