文章目錄
1)Markdown數(shù)學(xué)公式
2)MarkdownTOC
3)HTML
4)轉(zhuǎn)義
5)URL
6)流程圖和時(shí)序圖
7)復(fù)選框
1)Markdown標(biāo)題
2)Markdown文本
3)Markdown列表
4)Markdown鏈接
5)Markdown引用
6)Markdown分割線
7)Markdown刪除線
8)Markdown下劃線
9)Markdown表格
10)Markdown圖片
11)Markdown腳注
12)Markdown代碼塊
〇、前言
一、啥是Markdown
二、Markdown工具
三、Markdown優(yōu)點(diǎn)
四、Markdown誤區(qū)
五、Markdown基礎(chǔ)語(yǔ)法
六、Markdown高級(jí)語(yǔ)法
七、Markdown工具
八、總結(jié)
〇、前言
轉(zhuǎn)載請(qǐng)注明原作者和地址,如果這篇文章對(duì)你有幫助或啟發(fā),也可以來(lái)公眾號(hào)【程序員管小亮】請(qǐng)我喝個(gè)咖啡、奶茶。
一、啥是Markdown
Markdown 是一種可以使用普通文本編輯器編寫的輕量級(jí)標(biāo)記語(yǔ)言,通過(guò)簡(jiǎn)單的標(biāo)記語(yǔ)法,它可以使普通文本內(nèi)容具有一定的格式,可以導(dǎo)出 PPT、LaTex、HTML、Word、PDF、Epub、JPG 等多種格式的文檔,文檔后綴為 .md。
有一部分小伙伴被這個(gè)【輕量級(jí)】、【標(biāo)記】、【語(yǔ)言】等名詞直接勸退,還口中言語(yǔ):【已經(jīng)學(xué)了這么多種語(yǔ)言了】,【我不要再學(xué)新語(yǔ)言了】之類的話,我要說(shuō)的是,你大概誤會(huì)它了,Markdown 的語(yǔ)法可以說(shuō)是非常簡(jiǎn)單,簡(jiǎn)單到常用的語(yǔ)法操作不超過(guò)十個(gè),相較于同為標(biāo)記語(yǔ)言的 HTML 來(lái)說(shuō),Markdown 被稱為小兒科也不為過(guò),學(xué)習(xí)成本極低,上手率超高,并且一旦熟悉這種語(yǔ)法規(guī)則,稍加練習(xí),就會(huì)有一勞永逸的效果,回報(bào)率極高,你確定不要嘗試一下嘛?
聽(tīng)說(shuō) Markdown 現(xiàn)在是互聯(lián)網(wǎng)上最流行的寫作語(yǔ)言!??!無(wú)論是博客,筆記還是論文等等,都是基于它寫的?。?!
二、Markdown工具
Markdown 這么牛逼的話,都有哪些網(wǎng)站或是工具使用了它啊?
答案是超級(jí)多:
首先這種格式寫出的簡(jiǎn)歷更能得到 HR 的好感;
CloudApp 這種云服務(wù)工具可以直接上傳至網(wǎng)頁(yè)來(lái)分享文章;
全球最大的輕博客平臺(tái) Tumblr,也支持 Mou 這類 Markdown 工具的直接上傳;
國(guó)內(nèi)的博客平臺(tái),比如CSDN、簡(jiǎn)書、博客園、掘金、知乎等等;
再比如微信公眾號(hào)平臺(tái),說(shuō)道微信公眾號(hào)就得說(shuō)咱們【程序員管小亮】。。。
好了,廢話少說(shuō),干貨開(kāi)始!
三、Markdown優(yōu)點(diǎn)
直接創(chuàng)建,沒(méi)啥限制和要求。
排版簡(jiǎn)單,可讀、直觀、學(xué)習(xí)成本低。
支持插入圖片,視頻等等(根據(jù)平臺(tái)不同而定)。
輕松的導(dǎo)出 HTML、.md 文件。
可跨平臺(tái)同步數(shù)據(jù)。
隨時(shí)可修改(不必像word等易混亂)。
…
四、Markdown誤區(qū)
We believe that writing is about content, about what you want to say – not about fancy formatting.
我們堅(jiān)信寫作寫的是內(nèi)容,所思所想,而不是花樣格式。
————Ulysses for Mac
Markdown 再牛,也不過(guò)是個(gè)工具,最終還是要看你的文字和圖片等內(nèi)容,所以很多的 Markdown 工具集成了不同的功能(基礎(chǔ)功能大致相同),例如流程圖與時(shí)序圖,復(fù)雜表格與復(fù)雜公式的呈現(xiàn),雖然好像挺有用,但是還是與簡(jiǎn)單書寫的初衷不符,用其他專業(yè)繪圖工具不香嘛?不要舍本逐末!?。?/p>
五、Markdown基礎(chǔ)語(yǔ)法
1)Markdown標(biāo)題
一級(jí)標(biāo)題對(duì)應(yīng)一個(gè) # 號(hào);
二級(jí)標(biāo)題對(duì)應(yīng)兩個(gè) # 號(hào);
以此類推。。。一共六級(jí)標(biāo)題。
如下:# 一級(jí)標(biāo)題 ## 二級(jí)標(biāo)題 ### 三級(jí)標(biāo)題 #### 四級(jí)標(biāo)題 ##### 五級(jí)標(biāo)題 ###### 六級(jí)標(biāo)題
2)Markdown文本
斜體文本:可以在需要標(biāo)注為斜體文本前及斜體文本結(jié)尾,輸入一個(gè)星號(hào) * 或者一個(gè)下劃線 _;
粗體文本:可以在需要標(biāo)注為粗體文本前及粗體文本結(jié)尾,輸入兩個(gè)星號(hào) ** 或者兩個(gè)下劃線 _;
粗斜體文本:可以在需要標(biāo)注為粗斜體文本前及粗斜體文本結(jié)尾,輸入三個(gè)星號(hào) *** 或者三個(gè)下劃線 _;
如下:*斜體文本* _斜體文本_ **粗體文本** __粗體文本__ ***粗斜體文本*** ___粗斜體文本___
3)Markdown列表
無(wú)序列表,使用星號(hào)(*)、加號(hào)(+)或是減號(hào)(-),再加一個(gè)空格作為列表標(biāo)記;
有序列表,使用數(shù)字并加上 . 號(hào),再加一個(gè)空格作為列表標(biāo)記;
如下:* 無(wú)序列表 1 + 無(wú)序列表 2 - 無(wú)序列表 3 1. 有序列表 1 2. 有序列表 2 3. 有序列表 3
如果要控制列表的層級(jí),則需要在符號(hào) - 前使用 tab,如下:- 無(wú)序列表 1 - 無(wú)序列表 2 - 無(wú)序列表 2.1 - 無(wú)序列表 2.2
4)Markdown鏈接
正常 Markdown 編輯器的超鏈接是很簡(jiǎn)單的,如下:[鏈接名稱](鏈接地址) 或者 <鏈接地址> [大話卷積神經(jīng)網(wǎng)絡(luò)CNN(干貨滿滿)](https://blog.csdn.net/TeFuirnever/article/details/100057229) 或者
不過(guò)微信公眾號(hào)僅支持公眾號(hào)文章的鏈接,即域名為 https://mp.weixin.qq.com/ 的合法鏈接,不支持外鏈的鏈接。
5)Markdown引用
引用的格式是在符號(hào) > 后面書寫文字,或者加一個(gè)空格再加文字,如下:> 這是一個(gè)引用: > 歡迎關(guān)注微信公眾號(hào) > 【程序員管小亮】
除正常引用外,還可以嵌套,一個(gè) > 符號(hào)在第一層,兩個(gè) > 符號(hào)是第二層,以此類推,如下:> 這是一個(gè)引用: >> 歡迎關(guān)注微信公眾號(hào) >>> 【程序員管小亮】
6)Markdown分割線
可以在一行中用三個(gè) - 或者 * 來(lái)建立一個(gè)分隔線,同時(shí)需要在分隔線的上面空一行,如下:歡迎關(guān)注微信公眾號(hào) --- 【程序員管小亮】 或者 *** * * * ***** - - -
如果不留空格,就會(huì)變成放大第一行字,如下:歡迎關(guān)注微信公眾號(hào) --- 【程序員管小亮】
7)Markdown刪除線
刪除線的使用,在需要?jiǎng)h除的文字前后各使用兩個(gè) ~,如下:~~這是要被刪除的內(nèi)容。~~
8)Markdown下劃線
下劃線的使用,在需要添加下劃線的文字首部和尾部加上 文本,如下:這行文字已被添加下劃線
9)Markdown表格
表格使用 | 來(lái)分隔不同的單元格,使用 - 來(lái)分隔表頭和其他行,如果想調(diào)整表格的左對(duì)齊、右對(duì)齊、居中對(duì)齊:
:-:將表頭及單元格的內(nèi)容左對(duì)齊;
-::將表頭及單元格的內(nèi)容左對(duì)齊;
:-::將表頭及單元格的內(nèi)容居中對(duì)齊;
如下:| 姓名 | 年齡 | 工作 | | :----- | :--: | -------: | | 小可愛(ài) | 18 | 吃可愛(ài)多 | | 小小勇敢 | 20 | 爬棵勇敢樹(shù) | | 小小小機(jī)智 | 22 | 看一本機(jī)智書 |
10)Markdown圖片
插入圖片,如果是行內(nèi)圖片則無(wú)圖例,否則有圖例,格式如下:![圖片描述](圖片地址) ![公眾號(hào):【程序員管小亮】](https://img-blog.csdnimg.cn/20200204212418345.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly90ZWZ1aXJuZXZlci5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70)
支持 jpg、png、gif、svg 等圖片格式,其中 svg 文件僅可在微信公眾平臺(tái)中使用。
注:僅支持 https 的圖片,圖片粘貼到網(wǎng)頁(yè)編輯器后,會(huì)自動(dòng)上傳到服務(wù)器;如果是本地編輯器,需要有一個(gè)相對(duì)路徑用來(lái)存儲(chǔ)保存的圖片。
11)Markdown腳注
腳注是對(duì)文本的備注說(shuō)明,腳注與鏈接的區(qū)別,如下:鏈接:[文字](鏈接) 腳注:[文字](腳注解釋 "腳注名字")
12)Markdown代碼塊
如果在一個(gè)行內(nèi)需要引用代碼,只要用反引號(hào)引起來(lái)就好,如下:Use the `printf()` function.
如果是在一個(gè)塊內(nèi)需要引用代碼,則在需要高亮的代碼塊的前一行及后一行使用三個(gè)反引號(hào),同時(shí) 第一行反引號(hào)后面表示代碼塊所使用的語(yǔ)言,如下:// FileName: HelloWorld.cpp #includeint main(){ printf("HelloWorld"); }
支持以下語(yǔ)言種類: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
等等,各平臺(tái)不一定一樣。
基礎(chǔ)語(yǔ)法到這里就差不多了,如果想學(xué)更多更炫酷的語(yǔ)法,那就接著看吧!??!
六、Markdown高級(jí)語(yǔ)法
1)Markdown數(shù)學(xué)公式
行內(nèi)公式使用方法,比如這個(gè)化學(xué)公式,如下:$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$
塊公式使用方法,如下:$$H(D_2) = -\left(\frac{2}{4}\log_2 \frac{2}{4} + \frac{2}{4}\log_2 \frac{2}{4}\right) = 1$$
矩陣使用方法,如下:$$ \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} $$
2)MarkdownTOC
TOC 全稱為 Table of Content,列出全部標(biāo)題,通俗點(diǎn)說(shuō),就是一個(gè)小目錄,如下:[toc] 或者 @[toc] # 一級(jí)標(biāo)題 ## 二級(jí)標(biāo)題 ### 三級(jí)標(biāo)題 #### 四級(jí)標(biāo)題 ##### 五級(jí)標(biāo)題 ###### 六級(jí)標(biāo)題
3)HTML
也可以用 HTML 語(yǔ)法改變字色,字體和字號(hào),如下:我是黑體字我是微軟雅黑我是華文彩云color=#0099ff size=72 face="黑體"color=#00ffffcolor=gray
顏色的英文單詞:
red(赤)
orange(橙)
yellow(黃)
green(綠)
cyan(青)
blue(藍(lán))
purple(紫)
字體的英文單詞:
rm(羅馬字體)
it (意大利字體)
bf(黑體)
sl (斜體)
sf (等線體)
sc (小體大寫字母)
tt (打字機(jī)字體)
mit (數(shù)學(xué)斜體)
4)轉(zhuǎn)義
在 Markdown 編輯器里面使用了很多特殊符號(hào)來(lái)表示特定的意義,該特殊符號(hào)將不再顯示,這個(gè)時(shí)候就需要轉(zhuǎn)義字符——反斜杠,如下:\*\*轉(zhuǎn)義特殊符號(hào)正常顯示\*\* **無(wú)轉(zhuǎn)義特殊符號(hào)無(wú)法正常顯示**
5)URL
圖床工具用來(lái)上傳圖片獲取 URL 地址:
開(kāi)源工具 https://draw.io/ 制作后再導(dǎo)入圖片
圍脖圖床修復(fù)計(jì)劃
Droplr
6)流程圖和時(shí)序圖
實(shí)現(xiàn)流程圖和時(shí)序圖的制作,很多編輯器無(wú)法支持,這里推薦馬克飛象 Markdown 編輯器,如下:```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
以及時(shí)序圖,如下:```mermaid sequenceDiagram Alice->>Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->>Alice: I am good thanks!
7)復(fù)選框
使用 - [ ] 和 - [x] 語(yǔ)法可以創(chuàng)建復(fù)選框,實(shí)現(xiàn) todo-list 等功能,如下:
已完成事項(xiàng)
待辦事項(xiàng)1
待辦事項(xiàng)2
七、Markdown工具
本地 APP:MarkText、Typora、Notable、vnote 等,首推 Typora;
Web APP:md2all、馬克飛象、Markdown Nice 等;
微信公眾號(hào) APP:md2all、Markdown Nice、壹伴、135等 。
八、總結(jié)
還是要努力碼字,這也是【我為什么要推薦你學(xué)習(xí)Markdown?】的原因,好記性不如爛筆頭?。。?/p>
本文涉及到的所有軟件均為博主日常所用工具,無(wú)任何廣告費(fèi)用。
聯(lián)系客服