〇、前言
轉載請註明原作者和地址,如果這篇文章對你有幫助或啟發,也可以請我喝個咖啡、奶茶。
一、啥是Markdown
Markdown 是一種可以使用普通文本編輯器編寫的輕量級標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式,可以導出 PPT、LaTex、HTML、Word、PDF、Epub、JPG 等多種格式的文檔,文檔後綴為 .md。
有一部分小夥伴被這個【輕量級】、【標記】、【語言】等名詞直接勸退,還口中言語:【已經學了這麼多種語言了】,【我不要再學新語言了】之類的話,我要說的是,你大概誤會它了,Markdown 的語法可以說是非常簡單,簡單到常用的語法操作不超過十個,相較於同為標記語言的 HTML 來說,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基礎語法
1)Markdown標題
- 一級標題對應一個 # 號;
- 二級標題對應兩個 # 號;
- 以此類推。。。一共六級標題。
如下:
<code>一級標題
/<code>
2)Markdown文本
- 斜體文本:可以在需要標註為斜體文本前及斜體文本結尾,輸入一個星號 * 或者一個下劃線 _;
- 粗體文本:可以在需要標註為粗體文本前及粗體文本結尾,輸入兩個星號 ** 或者兩個下劃線 _;
- 粗斜體文本:可以在需要標註為粗斜體文本前及粗斜體文本結尾,輸入三個星號 *** 或者三個下劃線 _;
如下:
<code>*斜體文本*
_斜體文本_
**粗體文本**
__粗體文本__
***粗斜體文本**
* ___粗斜體文本__
_/<code>
3)Markdown列表
- 無序列表,使用星號(*)、加號(+)或是減號(-),再加一個空格作為列表標記;
- 有序列表,使用數字並加上 . 號,再加一個空格作為列表標記;
如下:
<code>*
無序列表
1
+
無序列表
2
-
無序列表
3
1
.
有序列表
1
2
.
有序列表
2
3
.
有序列表
3
/<code>
如果要控制列表的層級,則需要在符號 - 前使用 tab,如下:
<code>-
無序列表 1-
無序列表 2-
無序列表 2.1-
無序列表 2.2/<code>
4)Markdown鏈接
正常 Markdown 編輯器的超鏈接是很簡單的,如下:
<code>[鏈接名稱
](鏈接地址
) 或者 <
鏈接地址
> [大話卷積神經網絡CNN(乾貨滿滿)
](https://blog.csdn.net/TeFuirnever/article/details/100057229
) 或者 <
https:
//blog.csdn.net
/TeFuirnever
/article
/details
/100057229
>/<code>
不過微信公眾號僅支持公眾號文章的鏈接,即域名為 https://mp.weixin.qq.com/ 的合法鏈接,不支持外鏈的鏈接。
5)Markdown引用
引用的格式是在符號 > 後面書寫文字,或者加一個空格再加文字,如下:
<code>> 這是一個引用:
> 歡迎關注微信公眾號
> 【程序員管小亮】
/<code>
除正常引用外,還可以嵌套,一個 > 符號在第一層,兩個 > 符號是第二層,以此類推,如下:
<code>> 這是一個引用: 歡迎關注微信公眾號 > 【程序員管小亮】/<code>
6)Markdown分割線
可以在一行中用三個 - 或者 * 來建立一個分隔線,同時需要在分隔線的上面空一行,如下:
<code>歡迎關注微信公眾號
【程序員管小亮】
或者
***
*
*
*
*****
-
-
-
/<code>
如果不留空格,就會變成放大第一行字,如下:
<code>歡迎關注微信公眾號
【程序員管小亮】
/<code>
7)Markdown刪除線
刪除線的使用,在需要刪除的文字前後各使用兩個 ~,如下:
<code>~~這是要被刪除的內容。~~/<code>
8)Markdown下劃線
下劃線的使用,在需要添加下劃線的文字首部和尾部加上 文本,如下:
<code><
u
>這行文字已被添加下劃線u
> /<code>
9)Markdown表格
表格使用 | 來分隔不同的單元格,使用 - 來分隔表頭和其他行,如果想調整表格的左對齊、右對齊、居中對齊:
- :-:將表頭及單元格的內容左對齊;
- -::將表頭及單元格的內容左對齊;
- :-::將表頭及單元格的內容居中對齊;
如下:
<code>| 姓名 |
年齡| 工作 |
| :----- |
:--
:| -------: |
| 小可愛 |
18
| 吃可愛多 |
| 小小勇敢 |
20
| 爬棵勇敢樹 |
| 小小小機智 |
22
| 看一本機智書 |
/<code>
10)Markdown圖片
插入圖片,如果是行內圖片則無圖例,否則有圖例,格式如下:
<code>![圖片描述
](圖片地址
) ![公眾號:【程序員管小亮】
](https://img-blog.csdnimg.cn/20200204212418345.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly90ZWZ1aXJuZXZlci5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70
)/<code>
支持 jpg、png、gif、svg 等圖片格式,其中 svg 文件僅可在微信公眾平臺中使用。
注:僅支持 https 的圖片,圖片粘貼到網頁編輯器後,會自動上傳到服務器;如果是本地編輯器,需要有一個相對路徑用來存儲保存的圖片。
11)Markdown腳註
腳註是對文本的備註說明,腳註與鏈接的區別,如下:
<code>鏈接:[文字
](鏈接
) 腳註:[文字
](腳註解釋 "腳註名字"
)/<code>
12)Markdown代碼塊
如果在一個行內需要引用代碼,只要用反引號引起來就好,如下:
<code>Use the `printf
()`function
./<code>
如果是在一個塊內需要引用代碼,則在需要高亮的代碼塊的前一行及後一行使用三個反引號,同時
第一行反引號後面表示代碼塊所使用的語言,如下:<code>int
main
()
{printf
("HelloWorld"
); }/<code>
支持以下語言種類:
<code>bash c,clojure,cpp,cs,css dart,dockerfile, diff erlanggo
,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>
塊公式使用方法,如下:
<code>$$H(D_2) = -\left(\frac{2
}{4
}\log_2 \frac{2
}{4
} + \frac{2
}{4
}\log_2 \frac{2
}{4
}\right) =1
$$/<code>
矩陣使用方法,如下:
<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>
2)MarkdownTOC
TOC 全稱為 Table of Content,列出全部標題,通俗點說,就是一個小目錄,如下:
<code>[toc] 或者 @[toc]一級標題
/<code>
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>
也可以用 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=#00fffffont
><
font
color
=gray
size
=72
>color=gray
font
>/<code>
顏色的英文單詞:
- red(赤)
- orange(橙)
- yellow(黃)
- green(綠)
- cyan(青)
- blue(藍)
- purple(紫)
字體的英文單詞:
- rm(羅馬字體)
- it (意大利字體)
- bf(黑體)
- sl (斜體)
- sf (等線體)
- sc (小體大寫字母)
- tt (打字機字體)
- mit (數學斜體)
4)轉義
在 Markdown 編輯器裡面使用了很多特殊符號來表示特定的意義,該特殊符號將不再顯示,這個時候就需要轉義字符——反斜槓,如下:
<code>\*\*
轉義特殊符號正常顯示\*\*
**無轉義特殊符號無法正常顯示**
/<code>
5)URL
圖床工具用來上傳圖片獲取 URL 地址:
- 開源工具 https://draw.io/ 製作後再導入圖片
- 圍脖圖床修復計劃
- Droplr
6)流程圖和時序圖
實現流程圖和時序圖的製作,很多編輯器無法支持,這裡推薦馬克飛象 Markdown 編輯器,如下:
<code>```mermaid flowchat st=>start: Start e=>end op=>operation: My Operation cond=>condition: Yesor
No? st->op->cond cond(yes)->e cond(no)->op/<code>
以及時序圖,如下:
<code>```mermaid sequenceDiagramAlice->>Bob: Hello Bob, how are you?
Note right of Bob: Bob thinksBob-->>Alice: I am good thanks!
/<code>
7)複選框
使用 - [ ] 和 - [x] 語法可以創建複選框,實現 todo-list 等功能,如下:
- 已完成事項
- 待辦事項1
- 待辦事項2
七、Markdown工具
- 本地 APP:MarkText、Typora、Notable、vnote 等,首推 Typora;
- Web APP:md2all、馬克飛象、Markdown Nice 等;
- 微信公眾號 APP:md2all、Markdown Nice、壹伴、135等 。
八、總結
還是要努力碼字,這也是【我為什麼要推薦你學習Markdown?】的原因,好記性不如爛筆頭!!!
本文涉及到的所有軟件均為博主日常所用工具,無任何廣告費用。
如果有幸幫到你,請幫我點個【贊】,給個【關注】!如果能順帶【評論】給個鼓勵,我將不勝感激。
歡迎關注 @我是管小亮,文字強迫症MAX~