發(fā)現(xiàn)一篇非常不錯(cuò)的 Typora 教程，分享給大家呀。另外，本文中配置圖床部分使用的 gitee, 前段時(shí)間已經(jīng)加了防盜鏈，現(xiàn)在已經(jīng)不好使了，略過(guò)即可。

原文鏈接：https://www.cnblogs.com/hyacinthLJP/p/16123932.html

作者：MElephant

Typora使用教程

前言

一次偶然的機(jī)會(huì)，讓我接觸到了 .md 文檔，進(jìn)而開始摸索，并意外結(jié)識(shí)了 Typora 這個(gè)編輯器。

MarkDown

簡(jiǎn)介

Markdown 是一種輕量級(jí)標(biāo)記語(yǔ)言，創(chuàng)始人為 John Gruber。它允許人們「使用易讀易寫的純文本格式編寫文檔，然后轉(zhuǎn)換成有效的 XHTML（或者 HTML）文檔」。

為什么要用MarkDown

對(duì)于我而言，我選擇MarkDown的原因如下：

1. 回歸到內(nèi)容本身，注重文章本身的結(jié)構(gòu)，而不是樣式
• 不需要考慮字體大小、顏色等，因?yàn)?Markdown 中字體樣式都與結(jié)構(gòu)有關(guān)，無(wú)法手動(dòng)設(shè)置
2. MarkDown的語(yǔ)法簡(jiǎn)單，記住幾個(gè)常用的就可以釋放鼠標(biāo)了
• 比如，我想要將 “這是個(gè)標(biāo)題” 設(shè)置成二級(jí)標(biāo)題，只需要在標(biāo)題前添加##+空格即可實(shí)現(xiàn)，而不需要用鼠標(biāo)先選中 “這是個(gè)標(biāo)題”，然后在設(shè)置成二級(jí)標(biāo)題
3. 當(dāng)前許多網(wǎng)站都支持用 Markdown 來(lái)撰寫文檔
• 如 博客園、CSDN、簡(jiǎn)書、語(yǔ)雀 等，有了這么多網(wǎng)站的支持，你可以隨時(shí)隨地上傳本地 MarkDown 文件到博客中

MarkDown 基本語(yǔ)法

一、標(biāo)題

語(yǔ)法格式：#+空格+標(biāo)題，一個(gè)#是一級(jí)標(biāo)題，兩個(gè)##是兩級(jí)標(biāo)題，以此類推，支持六級(jí)標(biāo)題

二、字體

• 加粗語(yǔ)法格式：**加粗**

• 斜體語(yǔ)法格式：*斜體*

• 斜體加粗語(yǔ)法格式：``斜體加粗`

• 刪除線 語(yǔ)法格式：~~刪除線~~

• 高亮

  語(yǔ)法格式：==高亮==

三、引用

語(yǔ)法格式：>+引用文字

我是引用文字

引用也可以嵌套：

如加兩個(gè)>>

三個(gè)>>>

支持無(wú)線套娃~~

四、分割線

語(yǔ)法格式：三個(gè)或者三個(gè)以上的 - 或者 * 都可以，如***

五、圖片

語(yǔ)法格式：![alt](圖片地址 ''title'')

alt 指的是當(dāng)圖片鏈接失效時(shí)顯示的提示文字，可加可不加 title是圖片的標(biāo)題，當(dāng)鼠標(biāo)移到圖片上時(shí)顯示的內(nèi)容，可加可不加

如果你想要調(diào)整圖片大小，有兩種方式：

1. 右擊圖片，選擇縮放圖片后，語(yǔ)法格式將變成<img src='Typora.assets/32.jpg' alt='32' style='zoom: 20%;' />，20%可自行調(diào)整
2. 通過(guò)HTML調(diào)節(jié)，格式如下：

• <center>標(biāo)簽設(shè)置圖片居中對(duì)齊
• border-radius設(shè)置圓角
• src放置圖片路徑（本地路徑或網(wǎng)絡(luò)路徑）
• alt放置圖片鏈接失效后的顯示文字
• width設(shè)置圖片寬度（witdh和height只設(shè)置一個(gè)即可，等比例縮放）

你也可以通過(guò)如下代碼為圖片添加圖注：

<center>
    <img style='border-radius: 20px;'
         src='' 
         alt=''
         width='688' >
    <br>
    <div style='color: #999; padding: 2px;'>
        圖注
    </div>
</center>

Hello,I'm baymax,your healthcare companion.

> 我使用的博客園主題不支持縮放代碼，所以我選擇了使用HTML的方式調(diào)整圖片大小。放置上 設(shè)置圓角 的代碼后我才發(fā)現(xiàn)，我使用的主題同樣也不支持border-radius:weary:

六、超鏈接

語(yǔ)法格式：[超鏈接名](超鏈接地址)

七、列表

• 無(wú)序列表

語(yǔ)法格式：無(wú)序列表用 - + * 任何一種都可以，如+ 我是無(wú)序列表

加號(hào)和內(nèi)容之間需要放置一個(gè)空格

• 有序列表

語(yǔ)法格式：數(shù)字+點(diǎn)+空格+內(nèi)容，如1. 我是有序列表

• 子列表

在子列表前按下tab鍵即可構(gòu)成子列表。

八、表格

語(yǔ)法格式：

第二行分割表頭和內(nèi)容，并聲明內(nèi)容的對(duì)齊格式。一般而言，不這么用，感覺(jué)太費(fèi)勁了，下面再介紹快捷鍵。

九、代碼

• 行內(nèi)代碼

語(yǔ)法格式：用一個(gè)反引號(hào)包起來(lái) 代碼內(nèi)容，代碼會(huì)以主題中設(shè)置的樣式出現(xiàn)在行內(nèi)，但不會(huì)實(shí)現(xiàn)代碼高亮。

• 多行代碼

語(yǔ)法格式：代碼之間分別用三個(gè)反引號(hào)包起來(lái)，且兩邊的反引號(hào)單獨(dú)占一行

``` 語(yǔ)言 代碼內(nèi)容 ```

語(yǔ)言：C、C++、JAVA 等

十、高級(jí)技巧

1. 轉(zhuǎn)義

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

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

1. 行內(nèi)公式（inline）用 $...$ 括起公式，公式會(huì)出現(xiàn)在行內(nèi)。
2. 塊間公式（display）用 $$...$$ 括起公式（注意 $$ 后需要換行），公式會(huì)默認(rèn)顯示在行中間。

1. 支持HTML

Typora

Typora 是一款輕便簡(jiǎn)潔的 Markdown 編輯器，支持即時(shí)渲染技術(shù)，這也是與其他Markdown編輯器最顯著的區(qū)別。即時(shí)渲染使得你寫 Markdown 就像是寫Word文檔一樣流暢自如。個(gè)人認(rèn)為是一款很好用的 MarkDown 編輯器，特來(lái)分享給大家??

軟件安裝

官網(wǎng)下載：https://www./windows/typora-setup-x64.exe

阿里云：https://www./s/wwyQpvXCcdS

支持正版

以下內(nèi)容引用自 Typora的下載和破解|博客園

1. 軟件安裝后，下載破解補(bǔ)丁 app.asar，并覆蓋至安裝路徑的 resources 文件夾內(nèi)，參考路徑：

D:\Typora\resources

1. 打開 typora ，點(diǎn)擊輸入序列號(hào)；

1. 郵箱一欄中任意填寫（但須保證郵箱地址格式正確），輸入序列號(hào)，點(diǎn)擊激活。

可選序列號(hào)：

• DZTX2H-6MCQZT-QL4GCT-5EBWFX
• G7LPKN-HP4NLD-FA3BGF-6JDQ5R
• 3MH4Y8-YJWT37-G5JL9Y-UHNQDJ
• 85ZPHY-ELQ9FQ-94J3VP-D92YLU
• VEZ7NV-USYN3G-8TL2N3-DADUG4

在Typora中書寫MarkDown

TOC從文檔中提取所有標(biāo)題，其內(nèi)容將自動(dòng)更新。

圖片插入

插入圖片除了使用插入語(yǔ)句外，還可以：

• ctrl+C/V 將網(wǎng)絡(luò)圖片、剪貼板圖片復(fù)制到文檔中
• 拖動(dòng)本地圖片到文檔中

Typora 會(huì)自動(dòng)幫你插入符合 Markdown 語(yǔ)法的圖片語(yǔ)句，并給它添加alt。

打字機(jī)模式和專注模式

通過(guò) 視圖→→打字機(jī)模式/專注模式 開啟或關(guān)閉：

• 「打字機(jī)模式」使得你所編輯的那一行永遠(yuǎn)處于屏幕正中央。
• 「專注模式」使你正在編輯的那一行保留顏色，而其他行的字體呈灰色。

空格與換行

• 空格：在輸入連續(xù)的空格后，Typora 會(huì)在編輯器視圖里為你保留這些空格，但當(dāng)你打印或?qū)С鰰r(shí)，這些空格會(huì)被省略成一個(gè)。你可以在源代碼模式下，為每個(gè)空格前加一個(gè) \ 轉(zhuǎn)義符，或者直接使用 HTML 風(fēng)格的 &nbps; 來(lái)保持連續(xù)的空格。

需要說(shuō)明的是，在 Markdown 語(yǔ)法中，換行（line break）與換段是不同的，且換行分為軟換行和硬換行。

• 軟換行：在 Typora 中，你可以通過(guò)shift+enter完成一次軟換行。軟換行只在編輯界面可見，當(dāng)文檔被導(dǎo)出時(shí)換行會(huì)被省略。
• 硬換行：你可以通過(guò) 空格+ 空格+ shift+enter完成一次硬換行，而這也是許多 Markdown 編輯器所原生支持的。硬換行在文檔被導(dǎo)出時(shí)將被保留，且沒(méi)有換段的段后距。
• 換段：你可以通過(guò)enter完成一次換段。Typora 會(huì)自動(dòng)幫你完成兩次shift+enter的軟換行，從而完成一次換段。這也意味著在 Markdown 語(yǔ)法下，換段是通過(guò)在段與段之間加入空行來(lái)實(shí)現(xiàn)的。
• Windows 風(fēng)格（CR+LF）與 Unix 風(fēng)格（LF）的換行符：CR表示回車\r，即回到一行的開頭，而LF表示換行\n，即另起一行。所以 Windows 風(fēng)格的換行符本質(zhì)是「回車+換行」，而 Unix 風(fēng)格的換行符是「換行」。這也是為什么 Unix/Mac 系統(tǒng)下的文件，如果在 Windows 系統(tǒng)直接打開會(huì)全部在同一行內(nèi)。你可以在「文件 - 偏好設(shè)置 - 編輯器 - 默認(rèn)換行符」中對(duì)此進(jìn)行切換。

支持emoji 表情

在 Typora 中，你可以用 :emoji: 的形式來(lái)打出 emoji，軟件會(huì)自動(dòng)給出圖形的提示。

Little Tips

安利一個(gè)快捷鍵提示工具，輕量級(jí)+快捷方便。

官網(wǎng)：LittleTips

它本身支持的軟件列表并不包含Typora，但給出了自定義軟件快捷鍵的方式，所以，我就自己搗鼓了一下：

自行選擇下載：typora.json

LittleTips不含開機(jī)自啟的選項(xiàng)，如果你想要設(shè)置成開機(jī)自啟，可參考如下方法：

1. 將需要自啟動(dòng)軟件創(chuàng)建一個(gè)快捷方式
2. 按 win+ R，鍵入shell:startup，打開 「啟動(dòng)」 文件夾
3. 將需要開機(jī)自啟動(dòng)的軟件的快捷方式拖到啟動(dòng)文件夾中

Typora設(shè)置圖片自動(dòng)上傳

Typora固然好用，MarkDown也固然好用，但圖片該怎么處理？總不能自己一張張的上傳，然后在復(fù)制網(wǎng)絡(luò)連接吧，也不是不可以??

下面介紹兩種方式實(shí)現(xiàn)自動(dòng)上傳。

一、使用 PicGo-Core

下載 PicGo-Core

• 依次點(diǎn)擊 文件 -> 偏好設(shè)置 -> 圖像 來(lái)到下圖所示界面：

• 點(diǎn)擊①位置選擇 PicGo-Gore(command line)選項(xiàng)后，點(diǎn)擊②位置的下載或更新，在彈出的界面中選擇下載。

選擇作為圖床并配置 token

免費(fèi)版存儲(chǔ)容量 5GB，每分鐘限制上傳20張，每小時(shí)限制上傳100張，每天限制上傳200張，每周限制上傳500張，每月限制上傳1000張，單張圖片最大5M。該圖床建立于2015年，目前免費(fèi)用戶無(wú)法使用香港節(jié)點(diǎn)因此速度比較慢（白嫖黨沒(méi)這么多事）。

1. 打開官網(wǎng) https:///，注冊(cè)后登錄。
2. 打開該網(wǎng)址 https:///home/apitoken，生成 token。

1. 最后點(diǎn)擊③位置配置 token，放置如下代碼：

{
  'picBed': {
    'uploader': 'smms',
    'smms': {
      'token': 'xxxxxxxxxxxxxxxxxxxxxx'
    }
  },
  'picgoPlugins': {}
}

token 換成剛剛生成的 的token。

1. 按照步驟配置好后，點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng)，如果提示驗(yàn)證成功，那么恭喜，你畢業(yè)了??；
2. 拖拽圖片到 typora 實(shí)現(xiàn)自動(dòng)上傳并更改 url 的功能。

二、使用 PicGo 軟件

安裝 Node.js

下載地址：

• 阿里云：https://www./s/W18SWY8Ti8X
• 官網(wǎng)：https:///en/

安裝步驟：

1. 雙擊``node-v16.14.2-x64.msi`進(jìn)行安裝。
2. 自定義安裝路徑

注意：不要勾選附加選項(xiàng)

1. 安裝完成記得重啟電腦。

Gitee相關(guān)

1. 打開 Gitee（官網(wǎng)：https:///），如果沒(méi)有賬戶，新建一個(gè)。
2. 新建倉(cāng)庫(kù)

1. 倉(cāng)庫(kù)開源設(shè)置

1. 生成私人令牌

注意保存好私人令牌的序列號(hào)，只顯示這一次。

安裝 PicGo

下載地址：

• 阿里云：https://www./s/GjNGu1SGur1
• 官網(wǎng)：https://github.com/Molunerfinn/PicGo/releases

在官網(wǎng)上下載要選擇正式穩(wěn)定的版本。

安裝步驟：

1. 雙擊PicGo-Setup-2.3.0-x64.exe進(jìn)行安裝。
2. 自定義安裝路徑

1. 插件安裝，選擇github-plus或者gitee-uploader，二者擇其一即可，我選擇的是git-plus。

1. 配置 gitee，并設(shè)置為默認(rèn)圖床：

token放置上述過(guò)程生成的序列號(hào)即可

1. 重啟 PicGO 軟件（關(guān)閉后重新打開）。

Typora圖像配置

重新打開 Typora，選擇 文件->偏好設(shè)置->圖像：

如果出現(xiàn)如下選項(xiàng)：

恭喜你，你擁有了自己的圖床了~~

三、我的配置

對(duì)于我而言，我更傾向于先將拖拽到Typora的圖像保存到本地，便于管理：

最后再統(tǒng)一上傳：

四、注意事項(xiàng)

1. 自定義的HTML中的圖片無(wú)法上傳，只有通過(guò)Typora創(chuàng)建的圖像才可以。
2. 不要在Typora上傳同名的圖片，如果要修改圖片內(nèi)容，去Gitee上傳。

既然提到了圖床，那就順帶安利一個(gè)圖片壓縮工具：

• 在線壓縮：TinyPNG – Compress WebP, PNG and JPEG images intelligently
• 可視化工具：https://download./package/TinyGUI-1.0.5.0.exe
• GitHub下載：TinyGUI/TinyGUI at main · chenjing1294/TinyGUI · GitHub

在獲取API的時(shí)候，如果長(zhǎng)時(shí)間未收到反饋郵件，去垃圾郵件看看，會(huì)有意想不到的收貨??

Typora主題

1. 使用 Typora 內(nèi)置主題：點(diǎn)擊狀態(tài)欄「主題」，選擇喜歡的主題樣式
2. 自定義主題：通過(guò)「文件-偏好設(shè)置-外觀-打開主題文件夾」打開Typora的主題文件夾Typora\themes，將自定義的 CSS 文件導(dǎo)入到 themes文件夾中并重啟Typora，在「主題」中選擇你導(dǎo)入的主題樣式即可

自定義的主題樣式：

• mo主題

• mo-dark主題

• pie主題

• pie-dark主題

我根據(jù)他們的樣式，在GitHub主題的基礎(chǔ)上，做了小小的改動(dòng)???

• melephant主題

• melephant-2主題

結(jié)尾