Typore的介紹,Markdown的簡單學習,VsCode+Markdown的應用
來,看個神器
相信用了這,以后你將拋棄其他的文本編輯器,什么,學了之后可以讓文章逼格拉滿?不用再用word來折磨自己,讓寫作從此愉悅?還不快點來和我一起學習?
什么是Typora?
Typora是一款支持實時預覽的MarkDown文本編譯器。支持Windows,Mac OS,以及Linux 三方平臺
白嫖黨狂喜,因為它是完全免費的
好了這里可能又有朋友不知道啥是MarkDown 了,在這里也順帶解釋一下吧
Markdown 是用來編寫結(jié)構(gòu)化文檔的一種純文本格式,它使我們在雙手不離開鍵盤的情況下,可以對文本進行一定程度的格式排版。簡單來說,如果是你使用MarkDown語言進行文本編輯的話,你可以解放你的鼠標手,讓你能更專注于你現(xiàn)在所寫的內(nèi)容 。
而由于目前還沒有一個權(quán)威機構(gòu)對 Markdown 的語法進行規(guī)范,各應用廠商制作時遵循的 Markdown 語法也是不盡相同的。其中比較受到認可的是
,它是由著名代碼托管網(wǎng)站 所制定的。Typora 主要使用的也是 GFM 標準。 ? ?你還可以在
文件 - 偏好設(shè)置 - Markdown 語法偏好 - 嚴格模式
中將標準設(shè)置為「更嚴格地遵循 GFM 標準」。

###讓新手對Typora頭大的地方
沒錯這個新手說的就是我,當我跟著網(wǎng)上的教程學習Typora+MarkDown的使用的時候,我發(fā)現(xiàn)大家都在說Typora實時預覽,所見即所得的美妙,就像下面這樣,每當你用MarkDown寫完一行代碼(其實MarkDown不能算一門編成語言)Typora會自動給你生成最后預覽的效果。
我想很果斷地下這個結(jié)論:到現(xiàn)在還不支持編輯界面實時預覽的 Markdown 編輯器基本可以退出市場了。Typora 在這一方面顯然已經(jīng)領(lǐng)先了一大步——他們連 Markdown 語法的標記都在實時預覽中消去了。當你離開正在編輯的有格式的文本段后,Typora 會自動隱藏 Markdown 標記,只留下「所見即所得」的美妙。他們把這稱為 Hybrid View。

但是,對于我這種菜雞新手來說,我更愿意一邊看著我的源代碼,一邊看著最后的預覽效果。(以方便我時刻知道我所寫出的MarkDown的運行結(jié)果)就像下面這樣。(不得不感嘆,萬物皆可VsCode,除了不能生孩子[doge])



所以讓我們趕緊開始來看看這個東東吧
##Typora+Markdown
###Markdown標題 使用 # 號標記 使用 # 號可表示 1-6 級標題,一級標題對應一個 # 號,二級標題對應兩個 # 號,以此類推。
一級標題
二級標題
三級標題
四級標題
五級標題
六級標題
使用Typora效果如下

###Markdown段落格式 Markdown 段落沒有特殊的格式,直接編寫文字就好,段落的換行是使用兩個以上空格加回車。

###Markdown字體 Markdown 可以使用以下幾種字體:
斜體文本 ? ? ? ? 左右各有一個星號 粗體文本 ? ? ? 左右各有兩個星號 粗斜體文本 ? 左右各有三個星號
顯示效果如下所示:

###Markdown分割線 你可以在一行中用三個以上的星號來建立一個分隔線,行內(nèi)不能有其他東西。你也可以在星號間插入空格。
就像這樣
*** * * * *****
顯示效果如下所示:

###Markdown刪除線 如果段落上的文字要添加刪除線,只需要在文字的兩端加上兩個波浪線 ~~ 即可,實例如下:
HaHaHa HaHaHa
作者是個憨逼
###Markdown下劃線 下劃線可以通過 HTML 的<u>標簽來實現(xiàn):
加上一個<u>即可擁有下劃線
###Markdown腳注 腳注是對文本的補充說明。 Markdown 腳注的格式如下:
[^要注明的文本]在需要添加注腳的文字后加上腳注名: 注腳名 。 然后在文本的任意位置(一般在最后)添加腳注:
使用 Markdown[^1]可以效率的書寫文檔, 直接轉(zhuǎn)換成 HTML[^2], 你可以使用 Typora[^T] 編輯器進行書寫。 [^1]:Markdown是一種純文本標記語言 [^2]:HyperText Markup Language 超文本標記語言 [^T]:NEW WAY TO READ & WRITE MARKDOWN.(在這里[^]里面的內(nèi)容即為腳注,在你瀏覽的時候可直接看見)
演示效果如下:

##Markdown列表 Markdown 支持有序列表和無序列表。 ###無序列表 無序列表使用星號(*)作為列表標記,這些標記后面要添加一個空格,然后再填寫內(nèi)容:
* 第一項 * 第二項 * 第三項如下所示
第一項
第二項
第三項
###有序列表 有序列表使用數(shù)字并加上 . 號來表示,如:
1. 第一項 2. 第二項 3. 第三項顯示結(jié)果如下:

##列表嵌套 列表嵌套只需在子列表中的選項前面添加四個空格就行啦:
1. 第一項: ? ?- 第一項嵌套的第一個元素 ? ?- 第一項嵌套的第二個元素 2. 第二項: ? ?- 第二項嵌套的第一個元素 ? ?- 第二項嵌套的第二個元素
顯示效果如下:

##Markdown區(qū)塊 Markdown 區(qū)塊引用是在段落開頭使用 > 符號 ,然后后面緊跟一個空格符號: 如下:
這是沒有區(qū)塊的
這是有區(qū)塊的
區(qū)塊是可以嵌套的,方法就是看你文本前有多少個>符號
你現(xiàn)在看到的背景顏色不同的區(qū)域就是區(qū)塊。 注意 : 區(qū)塊中可以使用列表,列表中同樣也可以使用區(qū)塊,這是兩個可以相互嵌套的關(guān)系,大家可以自己試試哦
##Markdown 代碼 作為一個機器人工程狗,平時肯定是少不了代碼的,而MarkDown的好處就是,它居然可以在我們所編輯的文本中直接插入代碼。這真是我以往沒有想到的,而且它既然還支持代碼高亮,代碼高亮?。。?!這意味著啥?
自行體會[doge]
如果是段落上的一個函數(shù)或片段的代碼可以用反引號把它包起來(`),例如:
`printf()` 函數(shù)顯示結(jié)果如下
printf()
函數(shù) ? (看見沒有,單引號不見了)
代碼區(qū)塊 代碼區(qū)塊使用 4 個空格或者一個制表符(Tab 鍵)。 實例如下:(以Python為例)
?print(Hello World)顯示結(jié)果 print(Hello World)
你也可以用 ``` 包裹一段代碼,并指定一種語言(也可以不指定):
```javascript $(document).ready(function () { alert('Hello World'); }); ```
顯示結(jié)果如下:
?$(document).ready(function () {
?alert('Hello World');
?});
##Markdown 鏈接 在我們分享我們的知識,并發(fā)布到網(wǎng)上的時候,經(jīng)常都會用到別人的一些東西,那么我們便要指出我們所引用的東西的來源,此時我們可以在MarkDown的編寫中插入一個網(wǎng)絡(luò)鏈接,讓人們在瀏覽時能即使知道我們所寫的東西的來源,從而更能達到與作者的思維同步的目的。
鏈接使用方法如下:
[鏈接名稱](鏈接地址)或者 <鏈接地址>
例如
[這是一個有趣的鏈接](https://www.bilibili.com/)
顯示結(jié)果如下
或者直接使用鏈接地址如下:
###高級鏈接 我們可以通過變量來設(shè)置一個鏈接,變量賦值在文檔末尾進行:
這個鏈接用 1 作為網(wǎng)址變量
這個鏈接用 runoob 作為網(wǎng)址變量 然后在文檔的結(jié)尾為變量賦值(網(wǎng)址)'[1]: http://www.google.com/ '[BiliBili]:https://www.bilibili.com/
顯示結(jié)果如下:
這個鏈接用 1 作為網(wǎng)址變量
這個鏈接用 runoob 作為網(wǎng)址變量 然后在文檔的結(jié)尾為變量賦值(網(wǎng)址)[1] ? ?http://www.google.com/?[BiliBili] ? ?https://www.bilibili.com/?
##Markdown圖片 當然了既然我說的是為大家介紹一個編譯文章的神器,那么插入圖片當然就是必不可少的啦。使用MarkDown編寫文章,其中用到的圖片甚至可以直接使用網(wǎng)上圖片作為鏈接,連下載到本地這一步都省下來了,當然本地圖片插入也是可以的。
Markdown 圖片語法格式如下:
![alt 屬性文本]<>(圖片地址) 
開頭一個感嘆號 !
接著一個方括號,里面放上圖片的替代文字
接著一個普通括號,里面放上圖片的網(wǎng)址,最后還可以用引號包住并加上選擇性的 'title' 屬性的文字。
但是作為一個神器Typora也有屬于它自己的一個缺點,那就是,Typora中不能實現(xiàn)圖片大小的設(shè)置,至少在我這個菜雞的學習過程中來說,是不行的。
###Markdown的其他功能 當然了,在Typora中使用MarkDown來進行編寫,還有其他許多的功能我還沒能在這一一列舉出來,包括列表,表情包,注釋方式等 但這里篇幅有限,我就不完全說明了。
至于說到我這個菜雞現(xiàn)在是用什么方式來給大家寫東西的,我真的要強烈安利一波VSCode+MarkDown來進行寫作的方式,這真的是讓我的Markdown寫作過程賞心悅目啊。
就像下面這樣

這頁面它不香?
這它不有趣?
這它不好用?
所以,你還猶豫什么?