Typora 保姆級教程,超級好用的工具 !
閱讀本文大概需要 8.5 分鐘。
Typora使用教程
前言
MarkDown
簡介
Markdown 是一種輕量級標(biāo)記語言,創(chuàng)始人為 John Gruber。它允許人們「使用易讀易寫的純文本格式編寫文檔,然后轉(zhuǎn)換成有效的 XHTML(或者 HTML)文檔」。
為什么要用MarkDown
回歸到內(nèi)容本身,注重文章本身的結(jié)構(gòu),而不是樣式 不需要考慮字體大小、顏色等,因為 Markdown 中字體樣式都與結(jié)構(gòu)有關(guān),無法手動設(shè)置 MarkDown的語法簡單,記住幾個常用的就可以釋放鼠標(biāo)了 比如,我想要將 “這是個標(biāo)題” 設(shè)置成二級標(biāo)題,只需要在標(biāo)題前添加 ##+空格即可實現(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)容,可加可不加

右擊圖片,選擇縮放圖片后,語法格式將變成 ,20%可自行調(diào)整通過HTML調(diào)節(jié),格式如下:
<center>
????<img?style="border-radius:?20px;"
?????????src="Typora.assets/baymax.jpg"?
?????????alt="baymax"
?????????width="688"?>
center>
標(biāo)簽設(shè)置圖片居中對齊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>

border-radius:weary:六、超鏈接
[超鏈接名](超鏈接地址)七、列表
無序列表
+ 我是無序列表加號和內(nèi)容之間需要放置一個空格
有序列表
數(shù)字+點+空格+內(nèi)容,如1. 我是有序列表子列表
八、表格
|左對齊|居中對齊|右對齊|
|:----|:----:|---:|
|左|中|右|
第二行分割表頭和內(nèi)容,并聲明內(nèi)容的對齊格式。一般而言,不這么用,感覺太費勁了,下面再介紹快捷鍵。
九、代碼
行內(nèi)代碼
代碼內(nèi)容,代碼會以主題中設(shè)置的樣式出現(xiàn)在行內(nèi),但不會實現(xiàn)代碼高亮。多行代碼
``` 語言 代碼內(nèi)容 ``` 語言:C、C++、JAVA 等
十、高級技巧
轉(zhuǎn)義
\???反斜線
`???反引號
*???星號
_???下劃線
{}??花括號
[]??方括號
()??小括號
#???井字號
+???加號
-???減號
.???英文句點
!???感嘆號
行內(nèi)公式(inline)用? $...$?括起公式,公式會出現(xiàn)在行內(nèi)。塊間公式(display)用? $$...$$?括起公式(注意?$$?后需要換行),公式會默認(rèn)顯示在行中間。
$$
塊間公式
$$
支持HTML
Typora
Typora 是一款輕便簡潔的 Markdown 編輯器,支持即時渲染技術(shù),這也是與其他Markdown編輯器最顯著的區(qū)別。即時渲染使得你寫 Markdown 就像是寫Word文檔一樣流暢自如。個人認(rèn)為是一款很好用的 MarkDown 編輯器,特來分享給大家??
軟件安裝
支持正版
軟件安裝后,下載破解補丁 app.asar,并覆蓋至安裝路徑的 resources 文件夾內(nèi),參考路徑:
打開 typora ,點擊輸入序列號;

郵箱一欄中任意填寫(但須保證郵箱地址格式正確),輸入序列號,點擊激活。

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

在Typora中書寫MarkDown
# | ||
## | ||
### | ||
#### | ||
##### | ||
###### | ||
**粗體** | ||
*斜體* | ||
下劃線 | ||
~~刪除線~~ | ||
[超鏈接名](超鏈接地址) | ||
 | ||
$$公式$$ | ||
>內(nèi)容 | ||
+ 內(nèi)容 | ||
1. 內(nèi)容 | ||
[toc]+Enter | ||
TOC從文檔中提取所有標(biāo)題,其內(nèi)容將自動更新。
圖片插入
ctrl+C/V 將網(wǎng)絡(luò)圖片、剪貼板圖片復(fù)制到文檔中 拖動本地圖片到文檔中
alt。打字機模式和專注模式
「打字機模式」使得你所編輯的那一行永遠處于屏幕正中央。 「專注模式」使你正在編輯的那一行保留顏色,而其他行的字體呈灰色。
空格與換行
空格:在輸入連續(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 語法下,換段是通過在段與段之間加入空行來實現(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)換行符」中對此進行切換。
支持emoji 表情
:emoji:?的形式來打出 emoji,軟件會自動給出圖形的提示。Little Tips

將需要自啟動軟件創(chuàng)建一個快捷方式 按 win+ R,鍵入 shell:startup,打開 「啟動」 文件夾將需要開機自啟動的軟件的快捷方式拖到啟動文件夾中
Typora設(shè)置圖片自動上傳
Typora固然好用,MarkDown也固然好用,但圖片該怎么處理?總不能自己一張張的上傳,然后在復(fù)制網(wǎng)絡(luò)連接吧,也不是不可以??
一、使用 PicGo-Core
依次點擊?文件?->?偏好設(shè)置?->?圖像?來到下圖所示界面:

點擊①位置選擇? PicGo-Gore(command line)選項后,點擊②位置的下載或更新,在彈出的界面中選擇下載。
免費版存儲容量 5GB,每分鐘限制上傳20張,每小時限制上傳100張,每天限制上傳200張,每周限制上傳500張,每月限制上傳1000張,單張圖片最大5M。該圖床建立于2015年,目前免費用戶無法使用香港節(jié)點因此速度比較慢(白嫖黨沒這么多事)。
打開官網(wǎng) https://sm.ms/,注冊后登錄。 打開該網(wǎng)址 https://sm.ms/home/apitoken,生成 token。

最后點擊③位置配置 token,放置如下代碼:
{
??"picBed":?{
????"uploader":?"smms",
????"smms":?{
??????"token":?"xxxxxxxxxxxxxxxxxxxxxx"
????}
??},
??"picgoPlugins":?{}
}
token 換成剛剛生成的 sm.ms 的token。
按照步驟配置好后,點擊驗證圖片上傳選項,如果提示驗證成功,那么恭喜,你畢業(yè)了??; 拖拽圖片到 typora 實現(xiàn)自動上傳并更改 url 的功能。
二、使用 PicGo 軟件
阿里云:https://www.aliyundrive.com/s/W18SWY8Ti8X 官網(wǎng):https://nodejs.org/en/
雙擊``node-v16.14.2-x64.msi`進行安裝。 自定義安裝路徑

注意:不要勾選附加選項

安裝完成記得重啟電腦。
打開 Gitee(官網(wǎng):https://gitee.com/),如果沒有賬戶,新建一個。 新建倉庫

倉庫開源設(shè)置


生成私人令牌

注意保存好私人令牌的序列號,只顯示這一次。
阿里云: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進行安裝。自定義安裝路徑

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

配置 gitee,并設(shè)置為默認(rèn)圖床:

token放置上述過程生成的序列號即可
重啟 PicGO 軟件(關(guān)閉后重新打開)。


三、我的配置


四、注意事項
自定義的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)置主題:點擊狀態(tài)欄「主題」,選擇喜歡的主題樣式 自定義主題:通過「文件-偏好設(shè)置-外觀-打開主題文件夾」打開Typora的主題文件夾 Typora\themes,將自定義的 CSS 文件導(dǎo)入到?themes文件夾中并重啟Typora,在「主題」中選擇你導(dǎo)入的主題樣式即可
mo主題

mo-dark主題

pie主題

pie-dark主題

melephant主題

melephant-2主題

結(jié)尾
點這里??關(guān)注我,記得標(biāo)星呀~
長按進入小程序,進行打卡簽到
最近熱文: 超全面!領(lǐng)取Java核心知識點.pdf 這年頭Windows電腦還需要殺毒軟件嗎? 知乎:電腦長時間不關(guān)機會縮短電腦壽命嗎? 最新2022版破解版Adobe全家桶一鍵安裝,永久免費! LeetCode1-600題匯總,希望對你有點幫助! 2T技術(shù)資源大放送!包括但不限于:C/C++,Linux,Python,Java,人工智能,考研,軟考,英語,等等。在公眾號內(nèi)回復(fù)「資源」,即可免費獲取!回復(fù)「社群」,可以邀請你加入讀者群! 點個在看你最好看
評論
圖片
表情



