最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會員登陸 & 注冊

Typore的介紹,Markdown的簡單學習,VsCode+Markdown的應用

2021-02-03 20:53 作者:Jinyu_Li  | 我要投稿

Typora的學習,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 語法也是不盡相同的。其中比較受到認可的是 GFM 標準,它是由著名代碼托管網(wǎng)站 GitHub 所制定的。Typora 主要使用的也是 GFM 標準。 ? ?

你還可以在 文件 - 偏好設(shè)置 - Markdown 語法偏好 - 嚴格模式 中將標準設(shè)置為「更嚴格地遵循 GFM 標準」。

偏好設(shè)置

###讓新手對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])

萬物皆可VSCode


萬物皆可VsCode0


萬物皆可VsCode1

所以讓我們趕緊開始來看看這個東東吧

##Typora+Markdown

###Markdown標題 使用 # 號標記 使用 # 號可表示 1-6 級標題,一級標題對應一個 # 號,二級標題對應兩個 # 號,以此類推。

一級標題

二級標題

三級標題

四級標題

五級標題

六級標題

使用Typora效果如下

效果1

###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é)果如下

這是一個有趣的鏈接

或者直接使用鏈接地址如下:

https://www.bilibili.com/

###高級鏈接 我們可以通過變量來設(shè)置一個鏈接,變量賦值在文檔末尾進行:

這個鏈接用 1 作為網(wǎng)址變量 Google 這個鏈接用 runoob 作為網(wǎng)址變量 b站 然后在文檔的結(jié)尾為變量賦值(網(wǎng)址)

'[1]: http://www.google.com/ '[BiliBili]:https://www.bilibili.com/

顯示結(jié)果如下:

這個鏈接用 1 作為網(wǎng)址變量 Google 這個鏈接用 runoob 作為網(wǎng)址變量 b站 然后在文檔的結(jié)尾為變量賦值(網(wǎng)址)

[1] ? ?http://www.google.com/?[BiliBili] ? ?https://www.bilibili.com/?

##Markdown圖片 當然了既然我說的是為大家介紹一個編譯文章的神器,那么插入圖片當然就是必不可少的啦。使用MarkDown編寫文章,其中用到的圖片甚至可以直接使用網(wǎng)上圖片作為鏈接,連下載到本地這一步都省下來了,當然本地圖片插入也是可以的。

Markdown 圖片語法格式如下:

![alt 屬性文本]<>(圖片地址) ![alt 屬性文本](圖片地址 "可選標題")
  • 開頭一個感嘆號 !

  • 接著一個方括號,里面放上圖片的替代文字

  • 接著一個普通括號,里面放上圖片的網(wǎng)址,最后還可以用引號包住并加上選擇性的 'title' 屬性的文字。

但是作為一個神器Typora也有屬于它自己的一個缺點,那就是,Typora中不能實現(xiàn)圖片大小的設(shè)置,至少在我這個菜雞的學習過程中來說,是不行的。

###Markdown的其他功能 當然了,在Typora中使用MarkDown來進行編寫,還有其他許多的功能我還沒能在這一一列舉出來,包括列表,表情包,注釋方式等 但這里篇幅有限,我就不完全說明了。

至于說到我這個菜雞現(xiàn)在是用什么方式來給大家寫東西的,我真的要強烈安利一波VSCode+MarkDown來進行寫作的方式,這真的是讓我的Markdown寫作過程賞心悅目啊。

就像下面這樣

hi

這頁面它不香?

這它不有趣?

這它不好用?

所以,你還猶豫什么?

學啊?。?!


Typore的介紹,Markdown的簡單學習,VsCode+Markdown的應用的評論 (共 條)

分享到微博請遵守國家法律
临西县| 永城市| 蓬安县| 分宜县| 彭州市| 肇东市| 泸西县| 永城市| 察雅县| 宜兴市| 灵宝市| 和硕县| 濮阳市| 新建县| 忻州市| 肇东市| 固安县| 兖州市| 罗山县| 信宜市| 赞皇县| 灵寿县| 江北区| 阿坝| 怀来县| 泽州县| 锡林浩特市| 宾川县| 鹤庆县| 临沂市| 陇川县| 赤水市| 大冶市| 南和县| 香格里拉县| 彭泽县| 三江| 广州市| 津南区| 阳信县| 道孚县|