电竞比分网-中国电竞赛事及体育赛事平台

分享

Typora入門(mén):全網(wǎng)最全教程

 與云雨 2020-07-17

寫(xiě)Mrakdown費(fèi)事?Typora讓你像寫(xiě)Word一樣行云流水,所見(jiàn)即所得。

簡(jiǎn)介

Typora是一款輕便簡(jiǎn)潔的Markdown編輯器,支持即時(shí)渲染技術(shù),這也是與其他Markdown編輯器最顯著的區(qū)別。即時(shí)渲染使得你寫(xiě)Markdown就想是寫(xiě)Word文檔一樣流暢自如,不像其他編輯器的有編輯欄和顯示欄。

  • Typora刪除了預(yù)覽窗口,以及所有其他不必要的干擾。取而代之的是實(shí)時(shí)預(yù)覽。
  • Markdown的語(yǔ)法因不同的解析器或編輯器而異,Typora使用的是GitHub Flavored Markdown

Markdown介紹

Markdown 是一種輕量級(jí)標(biāo)記語(yǔ)言,它允許人們使用易讀易寫(xiě)的純文本格式編寫(xiě)文檔。

Markdown 語(yǔ)言在 2004 由約翰·格魯伯(英語(yǔ):John Gruber)創(chuàng)建。

Markdown 編寫(xiě)的文檔可以導(dǎo)出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔。

Markdown 編寫(xiě)的文檔后綴為 .md, .markdown

常用快捷鍵

  • 加粗: Ctrl + B
  • 標(biāo)題: Ctrl + H
  • 插入鏈接: Ctrl + K
  • 插入代碼: Ctrl + Shift + C -- 無(wú)法執(zhí)行
  • 行內(nèi)代碼: Ctrl + Shift + K
  • 插入圖片: Ctrl + Shift + I
  • 無(wú)序列表:Ctrl + Shift + L -- 無(wú)法執(zhí)行
  • 撤銷(xiāo): Ctrl + Z
  • 一級(jí)標(biāo)題: Ctrl + 1 -- 以此類(lèi)推
Typora快捷鍵整合
```
Ctrl+1  一階標(biāo)題    Ctrl+B  字體加粗
Ctrl+2  二階標(biāo)題    Ctrl+I  字體傾斜
Ctrl+3  三階標(biāo)題    Ctrl+U  下劃線
Ctrl+4  四階標(biāo)題    Ctrl+Home   返回Typora頂部
Ctrl+5  五階標(biāo)題    Ctrl+End    返回Typora底部
Ctrl+6  六階標(biāo)題    Ctrl+T  創(chuàng)建表格
Ctrl+L  選中某句話   Ctrl+K  創(chuàng)建超鏈接
Ctrl+D  選中某個(gè)單詞  Ctrl+F  搜索
Ctrl+E  選中相同格式的文字   Ctrl+H  搜索并替換
Alt+Shift+5 刪除線 Ctrl+Shift+I    插入圖片
Ctrl+Shift+M    公式塊 Ctrl+Shift+Q    引用

注:一些實(shí)體符號(hào)需要在實(shí)體符號(hào)之前加”\”才能夠顯示
```

塊元素

換行符

在markdown中,段落由多個(gè)空格分隔。在Typora中,只需回車(chē)即可創(chuàng)建新段落。

標(biāo)題級(jí)別

# 一級(jí)標(biāo)題 快捷鍵為 Ctrl + 1
## 二級(jí)標(biāo)題 快捷鍵為 Ctrl + 2
......
###### 六級(jí)標(biāo)題 快捷鍵為 Ctrl + 6

引用文字

> + 空格 + 引用文字

無(wú)序列表

使用 * + - 都可以創(chuàng)建一個(gè)無(wú)序列表

  • AAA
  • BBB
  • CCC

有序列表

使用 1. 2. 3. 創(chuàng)建有序列表

  1. AAA
  2. BBB
  3. CCC

任務(wù)列表

\ -[ ] 不勾選
\ -[x] 勾選

代碼塊

在Typora中插入程序代碼的方式有兩種:使用反引號(hào) `(~ 鍵)、使用縮進(jìn)(Tab)。

  • 插入行內(nèi)代碼,即插入一個(gè)單詞或者一句代碼的情況,使用 code 這樣的形式插入。
  • 插入多行代碼輸入3個(gè)反引號(hào)(`) + 回車(chē),并在后面選擇一個(gè)語(yǔ)言名稱即可實(shí)現(xiàn)語(yǔ)法高亮。
def helloworld():
    print("hello, world!")

數(shù)學(xué)表達(dá)式

當(dāng)你需要在編輯器中插入數(shù)學(xué)公式時(shí),可以使用兩個(gè)美元符 $$ 包裹 TeX 或 LaTeX 格式的數(shù)學(xué)公式來(lái)實(shí)現(xiàn)。根據(jù)需要加載 Mathjax 對(duì)數(shù)學(xué)公式進(jìn)行渲染。

按下 $$,然后按下回車(chē)鍵,即可進(jìn)行數(shù)學(xué)公式的編輯。

$$
\mathbf{V}_1\times\mathbf{V}_2 = \mathbf{X}_3
$$

插入表格

輸入 | 表頭1 | 表頭2 |并回車(chē)。即可創(chuàng)建一個(gè)包含2列表??旖萱I Ctrl + T彈出對(duì)話框。

id number
  • 不管是哪種方式,第一行為表頭,第二行為分割表頭和主體部分,第三行開(kāi)始每一行為一個(gè)表格行

  • 列與列之間用管道符號(hào) | 隔開(kāi)

  • 還可設(shè)置對(duì)齊方式(表頭與內(nèi)容之間),如果不使用對(duì)齊標(biāo)記,內(nèi)容默認(rèn)左對(duì)齊,表頭居中對(duì)齊

    • 左對(duì)齊 :|
    • 右對(duì)齊 |:
    • 中對(duì)齊 :|:
  • 為了美觀,可以使用空格對(duì)齊不同行的單元格,并在左右兩側(cè)都使用 | 來(lái)標(biāo)記單元格邊界

  • 為了使 Markdown 更清晰,| 和 - 兩側(cè)需要至少有一個(gè)空格(最左側(cè)和最右側(cè)的 | 外就不需要了)。

腳注

這個(gè)例子的腳注為[1]

注意:該例子腳注標(biāo)識(shí)是1,腳注標(biāo)識(shí)可以為字母數(shù)字下劃線,但是暫不支持中文。腳注內(nèi)容可為任意字符,包括中文。

分割線

輸入 *** 或者 --- 再按回車(chē)即可繪制一條水平線,如下:


目錄(TOC)

輸入 [ toc ] 然后回車(chē),即可創(chuàng)建一個(gè)“目錄”。TOC從文檔中提取所有標(biāo)題,其內(nèi)容將自動(dòng)更新。

Typora支持TOC自動(dòng)生成目錄,博客園不支持?

跨度元素

跨度元素即圖片,網(wǎng)址,視頻等,在Typora中輸入后,會(huì)立即載入并呈現(xiàn)。

鏈接

內(nèi)部鏈接

這是一個(gè)帶有標(biāo)題屬性的 [鏈接](http:/// "標(biāo)題")
這是一個(gè)沒(méi)有標(biāo)題屬性的 [鏈接](http:///)

鏈接

鏈接

參考鏈接

這是一個(gè)[參考鏈接]id -- 無(wú)法執(zhí)行

網(wǎng)址

Typora允許用<括號(hào)括起來(lái)>, 把URL作為鏈接插入。

Typora還會(huì)自動(dòng)鏈接標(biāo)準(zhǔn)網(wǎng)址。

www.baidu.com

圖片

![顯示的文字](C:\Users\Hider\Desktop\echart.png "圖片標(biāo)題")

![顯示的文字](C:\Users\Hider\Desktop\echart.png)

除了以上2種方式之外,還可以直接將圖片拖拽進(jìn)來(lái),自動(dòng)生成鏈接。

斜體

使用 *單個(gè)星號(hào)* 或者 _單下劃線_ 可以字體傾斜??旖萱I Ctrl + I

斜體

加粗

使用 **兩個(gè)星號(hào)** 或者 __兩個(gè)下劃線__ 可以字體加粗。快捷鍵 Ctrl + B

加粗

加粗斜體

使用***加粗斜體***可以加粗斜體。

加粗斜體

代碼標(biāo)記

標(biāo)記代碼使用反引號(hào),即在英文輸入法下,ESC鍵下面和1鍵左邊的符號(hào)。

使用該 printf()功能

刪除線

使用~~刪除線~~ 快捷鍵 Alt + Shift + 5

刪除線

下劃線

\下劃線 -- 無(wú)法執(zhí)行

參考另一篇文章,可執(zhí)行。

通過(guò)<u>下劃線的內(nèi)容</u> 或者 快捷鍵Ctrl + U可實(shí)現(xiàn)下劃線

下劃線的內(nèi)容

表情符號(hào)

Github的Markdown語(yǔ)法支持添加emoji表情,輸入不同的符號(hào)碼(兩個(gè)冒號(hào)包圍的字符)可以顯示出不同的表情。

:smile -- 無(wú)法顯示

??

下標(biāo)

可以使用 <sub>文本</sub>實(shí)現(xiàn)下標(biāo)。

(需在設(shè)置中打開(kāi)該功能)

H2O

H2O

上標(biāo)

可以使用<sup>文本</sup>實(shí)現(xiàn)上標(biāo)。

(需在設(shè)置中打開(kāi)該功能)

X2

X2

高亮

==高亮==(需在設(shè)置中打開(kāi)該功能)

我是最重要的

文本居中

使用 <center>這是要居中的內(nèi)容</center>可以使文本居中

這是要居中的文本內(nèi)容

換行符

使用 空格 + 空格 + Enter可以實(shí)現(xiàn)換行,例如:

或者可以使用<br/>實(shí)現(xiàn)換行。



轉(zhuǎn)義

Markdown 使用了很多特殊符號(hào)來(lái)表示特定的意義,如果需要顯示特定的符號(hào)則需要使用轉(zhuǎn)義字符,Markdown 使用反斜杠轉(zhuǎn)義特殊字符:

文本加粗
** 正常顯示星號(hào) **

Markdown 支持以下這些符號(hào)前面加上反斜杠來(lái)幫助插入普通的符號(hào):

\   反斜線
`   反引號(hào)
*   星號(hào)
_   下劃線
{}  花括號(hào)
[]  方括號(hào)
()  小括號(hào)
#   井字號(hào)
+   加號(hào)
-   減號(hào)
.   英文句點(diǎn)
!   感嘆號(hào)

HTML

支持HTML

不在 Markdown 涵蓋范圍之內(nèi)的標(biāo)簽,都可以直接在文檔里面用 HTML 撰寫(xiě)。

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 ,如:

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦
<kbd> </kbd> -- 白色框框

效果:
使用 Ctrl+Alt+Del 重啟電腦

嵌入內(nèi)容

視頻

總結(jié)

  1. 建議打開(kāi)大綱視圖Ctrl + Shift + 1
  2. 插入表格需要頂格寫(xiě),否則無(wú)法顯示
  3. 語(yǔ)法無(wú)須刻意記憶,右鍵可查詢

參考鏈接1:Typora入門(mén)(中文版)

參考鏈接2:Typora

參考鏈接3:Markdown代碼塊與語(yǔ)法高亮

參考鏈接4:Markdown使用-表格及其居中等格式

參考鏈接5:Markdown語(yǔ)法小結(jié)

參考鏈接6:Runoob:Markdown教程


  1. 這是腳注的實(shí)際內(nèi)容。 ??

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類(lèi)似文章 更多