手把手教你掌握MarkDown的用法

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

強力推薦: TproaMarkDown編輯器跨平臺 完美運行.

Hexo```MHexoEditor編輯器博客好助手 完美支持 Hexo 博文.

優點: 1、因為是純文本,所以只要支持Markdown的地方都能獲得一樣的編輯效果,可以讓作者擺脫排版的困擾,專心寫作。 2、操作簡單。比如:WYSIWYG編輯時標記個標題,先選中內容,再點擊導航欄的標題按鈕,選擇幾級標題。要三個步驟。而Markdown只需要在標題內容前加#即可

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

一、標題

在想要設置為標題的文字前面加#來表示 一個#是一級標題,二個#是二級標題,以此類推。支持六級標題。 注:標準語法一般在#後跟個空格再寫文字,貌似簡書不加空格也行。

<code>示例:# 這是一級標題## 這是二級標題### 這是三級標題#### 這是四級標題##### 這是五級標題###### 這是六級標題/<code> 

效果如下:

如上是一級標題

這是二級標題

這是三級標題

這是四級標題

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

二、字體

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

示例:

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

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


三、引用塊

在引用的文字前加>即可。引用也可以嵌套,如加兩個>>三個>>>n個... 貌似可以一直加下去,但沒神馬卵用

示例

<code>>這是引用的內容
>>這是引用的內容
>>>>>>>>>>這是引用的內容/<code>

效果如下:

這是引用的內容

這是引用的內容

這是引用的內容

四、分割線

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

示例:

<code>---
----
***
*****/<code>

效果如下: 可以看到,顯示效果是一樣的。





五、圖片

語法:

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

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

示例:

<code>![img](C:\\Users\\JackFeng\\Desktop\\1.png)/<code>

效果如下:(建議使用圖床)


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

六、超鏈接

語法:

<code>[超鏈接名](超鏈接地址 "超鏈接title")
title可加可不加/<code>

示例:

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

效果如下:

注:Markdown本身語法不支持鏈接在新頁面中打開,貌似簡書做了處理,是可以的。別的平臺可能就不行了,如果想要在新頁面中打開的話可以用html語言的a標籤代替。

<code>

示例
/<code>

七、列表

  • 無序列表

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

<code>- 列表內容
+ 列表內容
* 列表內容

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

效果如下:

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

語法: 數字加點

<code>1.列表內容
2.列表內容
3.列表內容

注意:序號跟內容之間要有空格/<code>

效果如下:

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

  • 列表嵌套

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

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

八、表格

語法:

<code>表頭|表頭|表頭
---|:--:|---:
內容|內容|內容
內容|內容|內容

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

示例:

<code>姓名|技能|排行
|--|:--:|--:|
|歡迎|關注|微信|
|公號|平臺|A2DATA|
|我們|一起|加油|/<code>

效果如下:

九、代碼

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

<code>    `代碼內容`/<code>

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

<code>(```)
代碼...
代碼...
代碼...
(```)/<code>

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

示例:

單行代碼

<code>`create database hero;`/<code>

代碼塊

<code>(```)
  function fun(){
        echo "這是一句非常牛逼的代碼";
  }
  fun();
(```)/<code>

效果如下:

單行代碼

<code>create database hero;/<code>

代碼塊

<code>function fun(){
echo "這是一句非常牛逼的代碼";
}
fun();/<code>

十、流程圖

<code>a=1a=2方形圓角條件a結果1結果2橫向流程圖/<code>
<code>a=1a=2方形圓角條件a結果1結果2豎向流程圖/<code>

效果如下:

<code>YESNOYESNOYESNO開始輸入A,B,CA是否大於BA是否大於CB是否大於C輸出A輸出C輸出B結束/<code>

Typora

序列

無序列 (換行鍵換行,刪除鍵+shift+tab跳出)

red

green

2. 可選序列 (開頭序列+空格+[ ]+空格+文字,換行鍵換行,刪除鍵+shift+tab跳出)

[] c

有序列 (開頭1.,空格+後接文字,可以創建有序序列)

red

green 高亮:ctrl+q 快捷鍵

## 代碼塊

開頭```+語言名,開啟代碼塊,換行鍵換行,光標下移鍵跳出

<code>print('hello {}'.format('world'))/<code>
<code> @Query(nativeQuery = true,value = "select * from tool_user_tag_rate_mobile where name= ?1  and TYPE = ?2 order by uv desc")
   public List<string> TagSearch(String key,String key2);/<string>/<code>

數學塊

  • 點擊“段落”—>“公式塊”
  • 快捷鍵Ctrl+Shift+m
  • “$$”+回車

流程圖

<code>a=1a=2方形圓角條件a結果1結果2橫向流程圖/<code>
<code>a=1a=2方形圓角條件a結果1結果2豎向流程圖/<code>


手把手教你掌握MarkDown的用法


分享到:


相關文章: