Typora入門:全網最全教程

寫Mrakdown費事?Typora讓你像寫Word同樣行雲流水,所見即所得。html

簡介

Typora是一款輕便簡潔的Markdown編輯器,支持即時渲染技術,這也是與其餘Markdown編輯器最顯著的區別。即時渲染使得你寫Markdown就想是寫Word文檔同樣流暢自如,不像其餘編輯器的有編輯欄和顯示欄。python

  • Typora刪除了預覽窗口,以及全部其餘沒必要要的干擾。取而代之的是實時預覽。
  • Markdown的語法因不一樣的解析器或編輯器而異,Typora使用的是GitHub Flavored Markdown

Markdown介紹

Markdown 是一種輕量級標記語言,它容許人們使用易讀易寫的純文本格式編寫文檔。git

Markdown 語言在 2004 由約翰·格魯伯(英語:John Gruber)建立。github

Markdown 編寫的文檔能夠導出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔。markdown

Markdown 編寫的文檔後綴爲 .md, .markdown編輯器

經常使用快捷鍵

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

注:一些實體符號須要在實體符號以前加」\」纔可以顯示
```

塊元素

換行符

在markdown中,段落由多個空格分隔。在Typora中,只需回車便可建立新段落。ide

標題級別

# 一級標題 快捷鍵爲 Ctrl + 1 ## 二級標題 快捷鍵爲 Ctrl + 2 ...... ###### 六級標題 快捷鍵爲 Ctrl + 6字體

引用文字

> + 空格 + 引用文字spa

無序列表

使用 * + - 均可以建立一個無序列表.net

  • AAA
  • BBB
  • CCC

有序列表

使用 1. 2. 3. 建立有序列表

  1. AAA
  2. BBB
  3. CCC

任務列表

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

代碼塊

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

  • 插入行內代碼,即插入一個單詞或者一句代碼的狀況,使用 code 這樣的形式插入。
  • 插入多行代碼輸入3個反引號(`) + 回車,並在後面選擇一個語言名稱便可實現語法高亮。
def helloworld():
    print("hello, world!")

數學表達式

當你須要在編輯器中插入數學公式時,可使用兩個美圓符 $$ 包裹 TeX 或 LaTeX 格式的數學公式來實現。根據須要加載 Mathjax 對數學公式進行渲染。

按下 $$,而後按下回車鍵,便可進行數學公式的編輯。

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

插入表格

輸入 | 表頭1 | 表頭2 |並回車。便可建立一個包含2列表。快捷鍵 Ctrl + T彈出對話框。

id number
  • 不論是哪一種方式,第一行爲表頭,第二行爲分割表頭和主體部分,第三行開始每一行爲一個表格行

  • 列與列之間用管道符號 | 隔開

  • 還可設置對齊方式(表頭與內容之間),若是不使用對齊標記,內容默認左對齊,表頭居中對齊

    • 左對齊 :|
    • 右對齊 |:
    • 中對齊 :|:
  • 爲了美觀,可使用空格對齊不一樣行的單元格,並在左右兩側都使用 | 來標記單元格邊界

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

腳註

這個例子的腳註爲^1

注意:該例子腳註標識是1,腳註標識能夠爲字母數字下劃線,可是暫不支持中文。腳註內容可爲任意字符,包括中文。

分割線

輸入 *** 或者 --- 再按回車便可繪製一條水平線,以下:


目錄(TOC)

輸入 [ toc ] 而後回車,便可建立一個「目錄」。TOC從文檔中提取全部標題,其內容將自動更新。

Typora支持TOC自動生成目錄,博客園不支持?

[TOC]

跨度元素

跨度元素即圖片,網址,視頻等,在Typora中輸入後,會當即載入並呈現。

連接

內部連接

這是一個帶有標題屬性的 [連接](http://example.com/ "標題") 這是一個沒有標題屬性的 [連接](http://example.net/)

連接

連接

參考連接

這是一個[參考連接]id -- 沒法執行

網址

Typora容許用<括號括起來>, 把URL做爲連接插入。

Typora還會自動連接標準網址。

www.baidu.com

圖片

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

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

除了以上2種方式以外,還能夠直接將圖片拖拽進來,自動生成連接。

斜體

使用 *單個星號* 或者 _單下劃線_ 能夠字體傾斜。快捷鍵 Ctrl + I

斜體

加粗

使用 **兩個星號** 或者 __兩個下劃線__ 能夠字體加粗。快捷鍵 Ctrl + B

加粗

加粗斜體

使用***加粗斜體***能夠加粗斜體。

加粗斜體

代碼標記

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

使用該 printf()功能

刪除線

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

刪除線

下劃線

\下劃線 -- 沒法執行

參考另外一篇文章,可執行。

經過<u>下劃線的內容</u> 或者 快捷鍵Ctrl + U可實現下劃線

<u>下劃線的內容</u>

表情符號

Github的Markdown語法支持添加emoji表情,輸入不一樣的符號碼(兩個冒號包圍的字符)能夠顯示出不一樣的表情。

:smile -- 沒法顯示

:smiley_cat:

下標

可使用 <sub>文本</sub>實現下標。

(需在設置中打開該功能)

H~2~O

H<sub>2</sub>O

上標

可使用<sup>文本</sup>實現上標。

(需在設置中打開該功能)

X^2^

X<sup>2</sup>

高亮

==高亮==(需在設置中打開該功能)

==我是最重要的==

文本居中

使用 <center>這是要居中的內容</center>可使文本居中

<center>這是要居中的文本內容</center>

換行符

使用 空格 + 空格 + Enter能夠實現換行,例如:

或者可使用<br/>實現換行。

<br/> <br/>

轉義

Markdown 使用了不少特殊符號來表示特定的意義,若是須要顯示特定的符號則須要使用轉義字符,Markdown 使用反斜槓轉義特殊字符:

文本加粗 ** 正常顯示星號 **

Markdown 支持如下這些符號前面加上反斜槓來幫助插入普通的符號:

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

HTML

支持HTML

不在 Markdown 涵蓋範圍以內的標籤,均可以直接在文檔裏面用 HTML 撰寫。

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

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

效果: 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啓電腦

嵌入內容

視頻

總結

  1. 建議打開大綱視圖Ctrl + Shift + 1
  2. 插入表格須要頂格寫,不然沒法顯示
  3. 語法無須刻意記憶,右鍵可查詢

參考連接1:Typora入門(中文版)

參考連接2:Typora

參考連接3:Markdown代碼塊與語法高亮

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

參考連接5:Markdown語法小結

參考連接6:Runoob:Markdown教程

相關文章
相關標籤/搜索