Markdown入門指南【我為什麼要推薦你學習Markdown?】

〇、前言

轉載請註明原作者和地址,如果這篇文章對你有幫助或啟發,也可以請我喝個咖啡、奶茶。

Markdown入門指南【我為什麼要推薦你學習Markdown?】

一、啥是Markdown

Markdown 是一種可以使用普通文本編輯器編寫的輕量級標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式,可以導出 PPT、LaTex、HTML、Word、PDF、Epub、JPG 等多種格式的文檔,文檔後綴為 .md。

有一部分小夥伴被這個【輕量級】、【標記】、【語言】等名詞直接勸退,還口中言語:【已經學了這麼多種語言了】,【我不要再學新語言了】之類的話,我要說的是,你大概誤會它了,Markdown 的語法可以說是非常簡單,簡單到常用的語法操作不超過十個,相較於同為標記語言的 HTML 來說,Markdown 被稱為小兒科也不為過,學習成本極低,上手率超高,並且一旦熟悉這種語法規則,稍加練習,就會有一勞永逸的效果,回報率極高,你確定不要嘗試一下嘛?

Markdown入門指南【我為什麼要推薦你學習Markdown?】

聽說 Markdown 現在是互聯網上最流行的寫作語言!!!無論是博客,筆記還是論文等等,都是基於它寫的!!!

Markdown入門指南【我為什麼要推薦你學習Markdown?】

二、Markdown工具

Markdown 這麼牛逼的話,都有哪些網站或是工具使用了它啊?

答案是超級多:

  • 首先這種格式寫出的簡歷更能得到 HR 的好感;
  • CloudApp 這種雲服務工具可以直接上傳至網頁來分享文章;
  • 全球最大的輕博客平臺 Tumblr,也支持 Mou 這類 Markdown 工具的直接上傳;
  • 國內的博客平臺,比如CSDN、簡書、博客園、掘金、知乎等等;
  • 再比如微信公眾號平臺,說道微信公眾號就得說咱們【程序員管小亮】。。。 好了,廢話少說,乾貨開始!

三、Markdown優點

  • 直接創建,沒啥限制和要求。
  • 排版簡單,可讀、直觀、學習成本低。
  • 支持插入圖片,視頻等等(根據平臺不同而定)。
  • 輕鬆的導出 HTML、.md 文件。
  • 可跨平臺同步數據。
  • 隨時可修改(不必像word等易混亂)。 …

四、Markdown誤區

We believe that writing is about content, about what you want to say – not about fancy formatting. 我們堅信寫作寫的是內容,所思所想,而不是花樣格式。 ————Ulysses for Mac

Markdown 再牛,也不過是個工具,最終還是要看你的文字和圖片等內容,所以很多的 Markdown 工具集成了不同的功能(基礎功能大致相同),例如流程圖與時序圖,複雜表格與複雜公式的呈現,雖然好像挺有用,但是還是與簡單書寫的初衷不符,用其他專業繪圖工具不香嘛?不要捨本逐末!!!

Markdown入門指南【我為什麼要推薦你學習Markdown?】

五、Markdown基礎語法

1)Markdown標題

  • 一級標題對應一個 # 號;
  • 二級標題對應兩個 # 號;
  • 以此類推。。。一共六級標題。

如下:

<code>

一級標題

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

2)Markdown文本

  • 斜體文本:可以在需要標註為斜體文本前及斜體文本結尾,輸入一個星號 * 或者一個下劃線 _;
  • 粗體文本:可以在需要標註為粗體文本前及粗體文本結尾,輸入兩個星號 ** 或者兩個下劃線 _;
  • 粗斜體文本:可以在需要標註為粗斜體文本前及粗斜體文本結尾,輸入三個星號 *** 或者三個下劃線 _;

如下:

<code>

*斜體文本*

_斜體文本_

**粗體文本**

__粗體文本__

***粗斜體文本**

* ​

___粗斜體文本__

_/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

3)Markdown列表

  • 無序列表,使用星號(*)、加號(+)或是減號(-),再加一個空格作為列表標記;
  • 有序列表,使用數字並加上 . 號,再加一個空格作為列表標記;

如下:

<code>

*

無序列表

1

+

無序列表

2

-

無序列表

3

1

.

有序列表

1

2

.

有序列表

2

3

.

有序列表

3

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

如果要控制列表的層級,則需要在符號 - 前使用 tab,如下:

<code> 

-

無序列表 1

-

無序列表 2

-

無序列表 2.1

-

無序列表 2.2/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

4)Markdown鏈接

正常 Markdown 編輯器的超鏈接是很簡單的,如下:

<code>[

鏈接名稱

](

) ​ 或者 ​

<

鏈接地址

>

[

大話卷積神經網絡CNN(乾貨滿滿)

]() ​ 或者 ​

<

https:

//

blog.csdn.net

/

TeFuirnever

/

article

/

details

/

100057229

>

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

不過微信公眾號僅支持公眾號文章的鏈接,即域名為 https://mp.weixin.qq.com/ 的合法鏈接,不支持外鏈的鏈接。

5)Markdown引用

引用的格式是在符號 > 後面書寫文字,或者加一個空格再加文字,如下:

<code>

> 這是一個引用:

> 歡迎關注微信公眾號

> 【程序員管小亮】

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

除正常引用外,還可以嵌套,一個 > 符號在第一層,兩個 > 符號是第二層,以此類推,如下:

<code>> 這是一個引用:
  歡迎關注微信公眾號
 > 【程序員管小亮】/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

6)Markdown分割線

可以在一行中用三個 - 或者 * 來建立一個分隔線,同時需要在分隔線的上面空一行,如下:

<code> 

歡迎關注微信公眾號

【程序員管小亮】

或者

***

*

*

*

*****

-

-

-

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

如果不留空格,就會變成放大第一行字,如下:

<code>

歡迎關注微信公眾號

【程序員管小亮】

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

7)Markdown刪除線

刪除線的使用,在需要刪除的文字前後各使用兩個 ~,如下:

<code>~~這是要被刪除的內容。~~/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

8)Markdown下劃線

下劃線的使用,在需要添加下劃線的文字首部和尾部加上 文本,如下:

<code>

<

u

>

這行文字已被添加下劃線

u

>

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

9)Markdown表格

表格使用 | 來分隔不同的單元格,使用 - 來分隔表頭和其他行,如果想調整表格的左對齊、右對齊、居中對齊:

  • :-:將表頭及單元格的內容左對齊;
  • -::將表頭及單元格的內容左對齊;
  • :-::將表頭及單元格的內容居中對齊;

如下:

<code>

| 姓名 |

年齡

| 工作 |

| :----- |

:--

:

| -------: |

| 小可愛 |

18

| 吃可愛多 |

| 小小勇敢 |

20

| 爬棵勇敢樹 |

| 小小小機智 |

22

| 看一本機智書 |

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

10)Markdown圖片

插入圖片,如果是行內圖片則無圖例,否則有圖例,格式如下:

<code>![

圖片描述

]() ![

公眾號:【程序員管小亮】

]()/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

支持 jpg、png、gif、svg 等圖片格式,其中 svg 文件僅可在微信公眾平臺中使用

:僅支持 https 的圖片,圖片粘貼到網頁編輯器後,會自動上傳到服務器;如果是本地編輯器,需要有一個相對路徑用來存儲保存的圖片。

11)Markdown腳註

腳註是對文本的備註說明,腳註與鏈接的區別,如下:

<code>鏈接:[

文字

]() 腳註:[

文字

]()/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

12)Markdown代碼塊

如果在一個行內需要引用代碼,只要用反引號引起來就好,如下:

<code>Use the `

printf

()`

function

./<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

如果是在一個塊內需要引用代碼,則在需要高亮的代碼塊的前一行及後一行使用三個反引號,同時

第一行反引號後面表示代碼塊所使用的語言,如下:

<code> 
 

int

main

()

{

printf

(

"HelloWorld"

); }/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

支持以下語言種類:

<code>bash
c,clojure,cpp,cs,css
dart,dockerfile, diff
erlang

go

,gradle,groovy haskell java,javascript,json,julia kotlin lisp,lua makefile,markdown,matlab objectivec perl,php,python r,ruby,rust scala,shell,sql,swift tex,typescript verilog,vhdl xml yaml/<code>

等等,各平臺不一定一樣。

基礎語法到這裡就差不多了,如果想學更多更炫酷的語法,那就接著看吧!!!

六、Markdown高級語法

1)Markdown數學公式

行內公式使用方法,比如這個化學公式,如下:

<code>$\ce{Hg^2+ ->

[I-]

HgI2 ->

[I-]

[Hg^{II}I4]

^2-}$/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

塊公式使用方法,如下:

<code>$$H(D_2) = -\left(\frac{

2

}{

4

}\log_2 \frac{

2

}{

4

} + \frac{

2

}{

4

}\log_2 \frac{

2

}{

4

}\right) =

1

$$/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

矩陣使用方法,如下:

<code>

$$

\begin{pmatrix}

1

& a_1 & a_1^2 & \cdots & a_1^n \\ 1 & a_2 & a_2^2 & \cdots & a_2^n \\ \vdots & \vdots & \vdots & \ddots & \vdots \\ 1 & a_m & a_m^2 & \cdots & a_m^n \\ \end{pmatrix}

$$

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

2)MarkdownTOC

TOC 全稱為 Table of Content,列出全部標題,通俗點說,就是一個小目錄,如下:

<code>[toc] 或者 @[toc]

一級標題

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

3)HTML

支持原生 HTML 語法,請寫內聯樣式,如下:

<code>

<

span

style

=

"display:block;text-align:right;color:orangered;"

>

橙色居右

span

>

<

span

style

=

"display:block;text-align:center;color:orangered;"

>

橙色居中

span

>

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

也可以用 HTML 語法改變字色,字體和字號,如下:

<code>

<

font

face

=

"黑體"

>

我是黑體字

font

>

<

font

face

=

"微軟雅黑"

>

我是微軟雅黑

font

>

<

font

face

=

"STCAIYUN"

>

我是華文彩雲

font

>

<

font

color

=

#0099ff

size

=

7

face

=

"黑體"

>

color=#0099ff size=72 face="黑體"

font

>

<

font

color

=

#00ffff

size

=

72

>

color=#00ffff

font

>

<

font

color

=

gray

size

=

72

>

color=gray

font

>

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

顏色的英文單詞:

  • red(赤)
  • orange(橙)
  • yellow(黃)
  • green(綠)
  • cyan(青)
  • blue(藍)
  • purple(紫)

字體的英文單詞:

  • rm(羅馬字體)
  • it (意大利字體)
  • bf(黑體)
  • sl (斜體)
  • sf (等線體)
  • sc (小體大寫字母)
  • tt (打字機字體)
  • mit (數學斜體)

4)轉義

在 Markdown 編輯器裡面使用了很多特殊符號來表示特定的意義,該特殊符號將不再顯示,這個時候就需要轉義字符——反斜槓,如下:

<code>\

*\*

轉義特殊符號正常顯示\

*\*

**無轉義特殊符號無法正常顯示**

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

5)URL

圖床工具用來上傳圖片獲取 URL 地址:

  • 開源工具 https://draw.io/ 製作後再導入圖片
  • 圍脖圖床修復計劃
  • Droplr

6)流程圖和時序圖

實現流程圖和時序圖的製作,很多編輯器無法支持,這裡推薦馬克飛象 Markdown 編輯器,如下:

<code>```mermaid
flowchat
st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes 

or

No? st->op->cond cond(yes)->e cond(no)->op/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

以及時序圖,如下:

<code>```mermaid
sequenceDiagram

Alice->>Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->>Alice: I am good thanks!

/<code>
Markdown入門指南【我為什麼要推薦你學習Markdown?】

7)複選框

使用 - [ ] 和 - [x] 語法可以創建複選框,實現 todo-list 等功能,如下:

  • 已完成事項
  • 待辦事項1
  • 待辦事項2
Markdown入門指南【我為什麼要推薦你學習Markdown?】

七、Markdown工具

  • 本地 APP:MarkText、Typora、Notable、vnote 等,首推 Typora;
  • Web APP:md2all、馬克飛象、Markdown Nice 等;
  • 微信公眾號 APP:md2all、Markdown Nice、壹伴、135等 。

八、總結

還是要努力碼字,這也是【我為什麼要推薦你學習Markdown?】的原因,好記性不如爛筆頭!!!

本文涉及到的所有軟件均為博主日常所用工具,無任何廣告費用。

Markdown入門指南【我為什麼要推薦你學習Markdown?】

如果有幸幫到你,請幫我點個【贊】,給個【關注】!如果能順帶【評論】給個鼓勵,我將不勝感激。

歡迎關注 @我是管小亮,文字強迫症MAX~


分享到:


相關文章: