Typora 使用看這一篇就夠了
相信很多小伙伴都有些博客的習(xí)慣，那么你一般選擇哪種編輯器呢？你是喜歡使用富文本還是 markdown 呢？cxuan 寫博客也有一段時間了，這期間也有很多小伙伴問過我一般使用哪種編輯器來寫文章，希望能夠分享一下，所以今天，這篇教程來了，雖然不是我寫的，但是這篇文章比我寫的還好。
原文鏈接：https://www.cnblogs.com/hyacinthLJP/p/16123932.html
作者：MElephant
Typora使用教程
前言
一次偶然的機(jī)會，讓我接觸到了 .md 文檔，進(jìn)而開始摸索，并意外結(jié)識了 Typora 這個編輯器。
MarkDown
簡介
Markdown 是一種輕量級標(biāo)記語言，創(chuàng)始人為 John Gruber。它允許人們「使用易讀易寫的純文本格式編寫文檔，然后轉(zhuǎn)換成有效的 XHTML（或者 HTML）文檔」。
為什么要用MarkDown
對于我而言，我選擇MarkDown的原因如下：
回歸到內(nèi)容本身，注重文章本身的結(jié)構(gòu)，而不是樣式 不需要考慮字體大小、顏色等，因?yàn)?Markdown 中字體樣式都與結(jié)構(gòu)有關(guān)，無法手動設(shè)置 MarkDown的語法簡單，記住幾個常用的就可以釋放鼠標(biāo)了 比如，我想要將 “這是個標(biāo)題” 設(shè)置成二級標(biāo)題，只需要在標(biāo)題前添加 ##+空格即可實(shí)現(xiàn)，而不需要用鼠標(biāo)先選中 “這是個標(biāo)題”，然后在設(shè)置成二級標(biāo)題當(dāng)前許多網(wǎng)站都支持用 Markdown 來撰寫文檔 如 博客園、CSDN、簡書、語雀 等，有了這么多網(wǎng)站的支持，你可以隨時隨地上傳本地 MarkDown 文件到博客中
MarkDown 基本語法
一、標(biāo)題
語法格式：#+空格+標(biāo)題，一個#是一級標(biāo)題，兩個##是兩級標(biāo)題，以此類推，支持六級標(biāo)題
二、字體
加粗語法格式：
**加粗**斜體語法格式：
*斜體*斜體加粗語法格式：``斜體加粗`
刪除線 語法格式：
~~刪除線~~高亮
語法格式：
==高亮==
三、引用
語法格式：>+引用文字
我是引用文字
引用也可以嵌套：
如加兩個
>>三個
>>>
支持無線套娃~~
四、分割線
語法格式：三個或者三個以上的 - 或者 * 都可以，如***
五、圖片
語法格式：
alt 指的是當(dāng)圖片鏈接失效時顯示的提示文字，可加可不加 title是圖片的標(biāo)題，當(dāng)鼠標(biāo)移到圖片上時顯示的內(nèi)容，可加可不加
如果你想要調(diào)整圖片大小，有兩種方式：
右擊圖片，選擇縮放圖片后，語法格式將變成 ，20%可自行調(diào)整通過HTML調(diào)節(jié)，格式如下：
<center>
????<img?style="border-radius:?20px;"
?????????src="Typora.assets/baymax.jpg"?
?????????alt="baymax"
?????????width="688"?>
center>
border-radius設(shè)置圓角src放置圖片路徑（本地路徑或網(wǎng)絡(luò)路徑）alt放置圖片鏈接失效后的顯示文字width設(shè)置圖片寬度（witdh和height只設(shè)置一個即可，等比例縮放）
你也可以通過如下代碼為圖片添加圖注：
<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:
六、超鏈接
語法格式：[超鏈接名](超鏈接地址)
七、列表
無序列表
語法格式：無序列表用 - + * 任何一種都可以，如+ 我是無序列表
加號和內(nèi)容之間需要放置一個空格
有序列表
語法格式：數(shù)字+點(diǎn)+空格+內(nèi)容，如1. 我是有序列表
子列表
在子列表前按下tab鍵即可構(gòu)成子列表。
八、表格
語法格式：
|左對齊|居中對齊|右對齊|
|:----|:----:|---:|
|左|中|右|
| 左對齊 | 居中對齊 | 右對齊 |
|---|---|---|
| 左 | 中 | 右 |
第二行分割表頭和內(nèi)容，并聲明內(nèi)容的對齊格式。一般而言，不這么用，感覺太費(fèi)勁了，下面再介紹快捷鍵。
九、代碼
行內(nèi)代碼
語法格式：用一個反引號包起來 代碼內(nèi)容，代碼會以主題中設(shè)置的樣式出現(xiàn)在行內(nèi)，但不會實(shí)現(xiàn)代碼高亮。
多行代碼
語法格式：代碼之間分別用三個反引號包起來，且兩邊的反引號單獨(dú)占一行
``` 語言 代碼內(nèi)容 ```
語言：C、C++、JAVA 等
十、高級技巧
轉(zhuǎn)義
Markdown 使用了很多特殊符號來表示特定的意義，如果需要顯示特定的符號則需要使用轉(zhuǎn)義字符，Markdown 使用反斜杠轉(zhuǎn)義特殊字符：
\???反斜線
`???反引號
*???星號
_???下劃線
{}??花括號
[]??方括號
()??小括號
#???井字號
+???加號
-???減號
.???英文句點(diǎn)
!???感嘆號
行內(nèi)公式（inline）用 $...$括起公式，公式會出現(xiàn)在行內(nèi)。塊間公式（display）用 $$...$$括起公式（注意$$后需要換行），公式會默認(rèn)顯示在行中間。
$$
塊間公式
$$
支持HTML
Typora
Typora 是一款輕便簡潔的 Markdown 編輯器，支持即時渲染技術(shù)，這也是與其他Markdown編輯器最顯著的區(qū)別。即時渲染使得你寫 Markdown 就像是寫Word文檔一樣流暢自如。個人認(rèn)為是一款很好用的 MarkDown 編輯器，特來分享給大家??
軟件安裝
官網(wǎng)下載：https://www.typora.io/windows/typora-setup-x64.exe
阿里云：https://www.aliyundrive.com/s/wwyQpvXCcdS
支持正版
以下內(nèi)容引用自 Typora的下載和破解|博客園
軟件安裝后，下載破解補(bǔ)丁 app.asar，并覆蓋至安裝路徑的 resources 文件夾內(nèi)，參考路徑：
D:\Typora\resources
打開 typora ，點(diǎn)擊輸入序列號；
郵箱一欄中任意填寫（但須保證郵箱地址格式正確），輸入序列號，點(diǎn)擊激活。
可選序列號：
DZTX2H-6MCQZT-QL4GCT-5EBWFX G7LPKN-HP4NLD-FA3BGF-6JDQ5R 3MH4Y8-YJWT37-G5JL9Y-UHNQDJ 85ZPHY-ELQ9FQ-94J3VP-D92YLU VEZ7NV-USYN3G-8TL2N3-DADUG4
在Typora中書寫MarkDown
| Markdown語法 | Typora快捷鍵 | |
|---|---|---|
| 一級標(biāo)題 | # | ctrl+1 |
| 二級標(biāo)題 | ## | ctrl+2 |
| 三級標(biāo)題 | ### | ctrl+3 |
| 四級標(biāo)題 | #### | ctrl+4 |
| 五級標(biāo)題 | ##### | ctrl+5 |
| 六級標(biāo)題 | ###### | ctrl+6 |
| 加粗 | **粗體** | ctrl+B |
| 斜體 | *斜體* | ctrl+I |
| 下劃線 | 下劃線 | ctrl+U |
| 刪除線 | ~~刪除線~~ | alt+shift+5 |
| 創(chuàng)建表格 | ctrl+T | |
| 創(chuàng)建超鏈接 | [超鏈接名](超鏈接地址) | ctrl+K |
| 插入圖片 |  | ctrl+shift+I |
| 插入公式塊 | $$公式$$ | ctrl+shift+M |
| 添加引用 | >內(nèi)容 | ctrl+shift+Q |
| 無序列表 | + 內(nèi)容 | ctrl+shift+] |
| 有序列表 | 1. 內(nèi)容 | ctrl+shift+[ |
| 粘貼為純文本 | ctrl+shift+V | |
| 返回Typora頂部 | ctrl+Home | |
| 返回Typora底部 | ctrl+End | |
| 啟用/退出 源代碼模式 | ctrl+/ | |
| 搜索 | ctrl+F | |
| 搜索并替換 | ctrl+H | |
| 選中光標(biāo)所在行 | ctrl+L | |
| 生成文檔目錄 | [toc]+Enter | |
| 快速打開最新文檔 | ctrl+P |
TOC從文檔中提取所有標(biāo)題，其內(nèi)容將自動更新。
圖片插入
插入圖片除了使用插入語句外，還可以：
ctrl+C/V 將網(wǎng)絡(luò)圖片、剪貼板圖片復(fù)制到文檔中 拖動本地圖片到文檔中
Typora 會自動幫你插入符合 Markdown 語法的圖片語句，并給它添加alt。
打字機(jī)模式和專注模式
通過 視圖→→打字機(jī)模式/專注模式 開啟或關(guān)閉：
「打字機(jī)模式」使得你所編輯的那一行永遠(yuǎn)處于屏幕正中央。 「專注模式」使你正在編輯的那一行保留顏色，而其他行的字體呈灰色。
空格與換行
空格：在輸入連續(xù)的空格后，Typora 會在編輯器視圖里為你保留這些空格，但當(dāng)你打印或?qū)С鰰r，這些空格會被省略成一個。你可以在源代碼模式下，為每個空格前加一個 \轉(zhuǎn)義符，或者直接使用 HTML 風(fēng)格的&nbps;來保持連續(xù)的空格。
需要說明的是，在 Markdown 語法中，換行（line break）與換段是不同的，且換行分為軟換行和硬換行。
軟換行：在 Typora 中，你可以通過shift+enter完成一次軟換行。軟換行只在編輯界面可見，當(dāng)文檔被導(dǎo)出時換行會被省略。 硬換行：你可以通過 空格+ 空格+ shift+enter完成一次硬換行，而這也是許多 Markdown 編輯器所原生支持的。硬換行在文檔被導(dǎo)出時將被保留，且沒有換段的段后距。 換段：你可以通過enter完成一次換段。Typora 會自動幫你完成兩次shift+enter的軟換行，從而完成一次換段。這也意味著在 Markdown 語法下，換段是通過在段與段之間加入空行來實(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)直接打開會全部在同一行內(nèi)。你可以在「文件 - 偏好設(shè)置 - 編輯器 - 默認(rèn)換行符」中對此進(jìn)行切換。
支持emoji 表情
在 Typora 中，你可以用 :emoji: 的形式來打出 emoji，軟件會自動給出圖形的提示。
Little Tips
安利一個快捷鍵提示工具，輕量級+快捷方便。
官網(wǎng)：LittleTips
它本身支持的軟件列表并不包含Typora，但給出了自定義軟件快捷鍵的方式，所以，我就自己搗鼓了一下：
自行選擇下載：typora.json
LittleTips不含開機(jī)自啟的選項(xiàng)，如果你想要設(shè)置成開機(jī)自啟，可參考如下方法：
將需要自啟動軟件創(chuàng)建一個快捷方式 按 win+ R，鍵入 shell:startup，打開 「啟動」 文件夾將需要開機(jī)自啟動的軟件的快捷方式拖到啟動文件夾中
Typora設(shè)置圖片自動上傳
Typora固然好用，MarkDown也固然好用，但圖片該怎么處理？總不能自己一張張的上傳，然后在復(fù)制網(wǎng)絡(luò)連接吧，也不是不可以??
下面介紹兩種方式實(shí)現(xiàn)自動上傳。
一、使用 PicGo-Core
下載 PicGo-Core
依次點(diǎn)擊 文件 -> 偏好設(shè)置 -> 圖像 來到下圖所示界面：
點(diǎn)擊①位置選擇 PicGo-Gore(command line)選項(xiàng)后，點(diǎn)擊②位置的下載或更新，在彈出的界面中選擇下載。
選擇sm.ms作為圖床并配置 token
免費(fèi)版存儲容量 5GB，每分鐘限制上傳20張，每小時限制上傳100張，每天限制上傳200張，每周限制上傳500張，每月限制上傳1000張，單張圖片最大5M。該圖床建立于2015年，目前免費(fèi)用戶無法使用香港節(jié)點(diǎn)因此速度比較慢（白嫖黨沒這么多事）。
打開官網(wǎng) https://sm.ms/，注冊后登錄。 打開該網(wǎng)址 https://sm.ms/home/apitoken，生成 token。
最后點(diǎn)擊③位置配置 token，放置如下代碼：
{
??"picBed":?{
????"uploader":?"smms",
????"smms":?{
??????"token":?"xxxxxxxxxxxxxxxxxxxxxx"
????}
??},
??"picgoPlugins":?{}
}
token 換成剛剛生成的 sm.ms 的token。
按照步驟配置好后，點(diǎn)擊驗(yàn)證圖片上傳選項(xiàng)，如果提示驗(yàn)證成功，那么恭喜，你畢業(yè)了??； 拖拽圖片到 typora 實(shí)現(xiàn)自動上傳并更改 url 的功能。
二、使用 PicGo 軟件
安裝 Node.js
下載地址：
阿里云：https://www.aliyundrive.com/s/W18SWY8Ti8X 官網(wǎng)：https://nodejs.org/en/
安裝步驟：
雙擊``node-v16.14.2-x64.msi`進(jìn)行安裝。 自定義安裝路徑
注意：不要勾選附加選項(xiàng)
安裝完成記得重啟電腦。
Gitee相關(guān)
打開 Gitee（官網(wǎng)：https://gitee.com/），如果沒有賬戶，新建一個。 新建倉庫
倉庫開源設(shè)置
生成私人令牌
注意保存好私人令牌的序列號，只顯示這一次。
安裝 PicGo
下載地址：
阿里云：https://www.aliyundrive.com/s/GjNGu1SGur1 官網(wǎng)：https://github.com/Molunerfinn/PicGo/releases
在官網(wǎng)上下載要選擇正式穩(wěn)定的版本。
安裝步驟：
雙擊 PicGo-Setup-2.3.0-x64.exe進(jìn)行安裝。自定義安裝路徑
插件安裝，選擇 github-plus或者gitee-uploader，二者擇其一即可，我選擇的是git-plus。
配置 gitee，并設(shè)置為默認(rèn)圖床：
token放置上述過程生成的序列號即可
重啟 PicGO 軟件（關(guān)閉后重新打開）。
Typora圖像配置
重新打開 Typora，選擇 文件->偏好設(shè)置->圖像：
如果出現(xiàn)如下選項(xiàng)：
恭喜你，你擁有了自己的圖床了~~
三、我的配置
對于我而言，我更傾向于先將拖拽到Typora的圖像保存到本地，便于管理：
最后再統(tǒng)一上傳：
四、注意事項(xiàng)
自定義的HTML中的圖片無法上傳，只有通過Typora創(chuàng)建的圖像才可以。 不要在Typora上傳同名的圖片，如果要修改圖片內(nèi)容，去Gitee上傳。
既然提到了圖床，那就順帶安利一個圖片壓縮工具：
在線壓縮：TinyPNG – Compress WebP, PNG and JPEG images intelligently 可視化工具：https://download.redisant.com/package/TinyGUI-1.0.5.0.exe GitHub下載：TinyGUI/TinyGUI at main · chenjing1294/TinyGUI · GitHub
在獲取API的時候，如果長時間未收到反饋郵件，去垃圾郵件看看，會有意想不到的收貨??
Typora主題
使用 Typora 內(nèi)置主題：點(diǎn)擊狀態(tài)欄「主題」，選擇喜歡的主題樣式 自定義主題：通過「文件-偏好設(shè)置-外觀-打開主題文件夾」打開Typora的主題文件夾 Typora\themes，將自定義的 CSS 文件導(dǎo)入到themes文件夾中并重啟Typora，在「主題」中選擇你導(dǎo)入的主題樣式即可
自定義的主題樣式：
mo主題
mo-dark主題
pie主題
pie-dark主題
我根據(jù)他們的樣式，在GitHub主題的基礎(chǔ)上，做了小小的改動???
melephant主題
melephant-2主題
結(jié)尾
肝了一下午終于完成了這篇驚世之作??，初入Typora，也參考了不少文檔，在此表示感謝??。