Markdown格式的筆記好好看~ 也想學(xué)著寫出來~
以上。
typora實(shí)時渲染,對markdown完美支持,豐富的主題,高效的快捷鍵操作。
Typora 的 markdown 語法
1、標(biāo)題
使用簡單的 ctrl+數(shù)字鍵 就可以快速完成各種級別的標(biāo)題
ctrl+1 一級標(biāo)題;ctrl+2 二級標(biāo)題;etc.
2、下劃線
ctrl + u
3、刪除線
alt + shift + 5
4、字體加粗
ctrl + b
5、字體傾斜
ctrl + i
6、無序列表
- space + enter
(嵌套無序列表)
7、有序列表
數(shù)字鍵 + space + enter
(嵌套有序列表)
8、引用
- space + enter
- space + enter 或者 ctrl + shift + q
9、插入鏈接
ctrl + k
10、插入圖片
本地直接拖拉圖片到 md 文件 或者配合 MPic完成圖片上傳圖床并復(fù)制鏈接到 md 文件
或者 ctrl + shift + i
11、代碼塊
ctrl + shift + f,支持 java,python,groovy 等 絕大多數(shù)編程語言
12、文章跳轉(zhuǎn)
ctrl + home 跳轉(zhuǎn)至文章開頭,ctrl + end 跳轉(zhuǎn)至文章末尾
13、選中英文單詞/中文
ctrl + d 或者 ctrl + shift + left/right 左右進(jìn)行文本選中
14、按行選中
ctrl + l
16、快速搜索
ctrl + f
支持區(qū)分英文大小寫和整個單詞搜索,也支持中文搜索
17、替換
ctrl + h
18、快速生成表格
ctrl + t
19、快速打開筆記
ctrl + p
20、toc 快速生成目錄
[toc] + enter
21、著重關(guān)鍵字
ctrl + shift + 反引號鍵(tab 鍵上面那個鍵)
22、表情符號
英文狀態(tài)下的引號,輸入字母自動顯示表情符號
還有一種方式,使用輸入法的快捷鍵,這里我使用的是微軟輸入法 ctrl + shift + b
23、新建文件
ctrl + n
24、顯示和隱藏側(cè)邊欄
ctrl + shift + l
25、全屏切換
f11
26、分割線
--- + enter
27、高亮顯示
==文字==
28、自動保存
29、段落快捷鍵
ctrl + 0
30、定義腳注
文字[^腳注]
md 文件導(dǎo)出
雖然寫筆記使用的是 md 的格式,但是通常查閱文件都是 pdf 格式。Typora 同樣提供了對 pdf 文件格式的導(dǎo)出支持。
如果筆記插入有 gif 文件,建議導(dǎo)出為 html 格式 ,否則建議 pdf
到官網(wǎng),可以看到有非常多的主題可以選擇,加上默認(rèn)自帶的四種主題,共計十多個主題。選擇自己喜歡的主題,下載下來,通常是個壓縮包,解壓后放入 Typora 的主題文件夾并按照如下格式,重啟 Typora 就可以使用了。
typora畫流程圖、時序圖(順序圖)、甘特圖
- 橫向流程圖源碼格式:
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結(jié)果1]
C -->|a=2| E[結(jié)果2]
F[橫向流程圖]
- 豎向流程圖源碼格式:
graph TD
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結(jié)果1]
C -->|a=2| E[結(jié)果2]
F[豎向流程圖]
- 標(biāo)準(zhǔn)流程圖源碼格式:
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
####
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
4. 標(biāo)準(zhǔn)流程圖源碼格式(橫向):
```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
######
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
- UML時序圖源碼樣例:
對象A->對象B: 對象B你好嗎?(請求)
Note right of 對象B: 對象B的描述
Note left of 對象A: 對象A的描述(提示)
對象B-->對象A: 我很好(響應(yīng))
對象A->對象B: 你真的好嗎?
UML時序圖源碼復(fù)雜樣例:
Title: 標(biāo)題:復(fù)雜使用
對象A->對象B: 對象B你好嗎?(請求)
Note right of 對象B: 對象B的描述
Note left of 對象A: 對象A的描述(提示)
對象B-->對象A: 我很好(響應(yīng))
對象B->C: 你好嗎
C-->>對象A: 對象B找我了
對象A->對象B: 你真的好嗎?
Note over C,對象B: 我們是朋友
participant C
Note right of C: 沒人陪我玩
########
UML標(biāo)準(zhǔn)時序圖樣例:
```mermaid
%% 時序圖例子,-> 直線,-->虛線,->>實(shí)線箭頭
sequenceDiagram
participant 張三
participant 李四
張三->王五: 王五你好嗎?
loop 健康檢查
王五->王五: 與疾病戰(zhàn)斗
end
Note right of 王五: 合理 食物 <br/>看醫(yī)生...
李四-->>張三: 很好!
王五->李四: 你怎么樣?
李四-->王五: 很好!
甘特圖樣例:
%% 語法示例
gantt
dateFormat YYYY-MM-DD
title 軟件開發(fā)甘特圖
section 設(shè)計
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI設(shè)計 : des3, after des2, 5d
未來任務(wù) : des4, after des3, 5d
section 開發(fā)
學(xué)習(xí)準(zhǔn)備理解需求 :crit, done, 2014-01-06,24h
設(shè)計框架 :crit, done, after des2, 2d
開發(fā) :crit, active, 3d
未來任務(wù) :crit, 5d
耍 :2d
section 測試
功能測試 :active, a1, after des3, 3d
壓力測試 :after a1 , 20h
測試報告 : 48h