Typora for Markdown 語法
==說明刨秆,本文檔轉(zhuǎn)自該博客,結(jié)合自身稍作修改忆畅,有些效果沒有顯示出來衡未,大家可以把我的源碼復(fù)制到typora查看效果會(huì)很好==博客
前言
Markdown 是一種輕量級標(biāo)記語言,創(chuàng)始人是約翰·格魯伯(John Gruber)家凯。它允許人們 “使用易讀易寫的純文本格式編寫文檔缓醋,然后轉(zhuǎn)換成有效的 HTML 文檔。
Typora
Typora是一款輕量級的Markdown 編輯器绊诲,重點(diǎn)在于所見即所得送粱,與傳統(tǒng)的兩段顯示不同,其極簡的界面很受推崇掂之。
這邊簡單介紹一下Typora上支持的markdown語法抗俄,因?yàn)檫@個(gè)博客markdown解析引擎的不同脆丁,有些語法不能很好的在博文里展現(xiàn)效果,感興趣的話可以放到typora里嘗試动雹。
目錄列表Table of Contents(TOC)
輸入[toc]然后回車槽卫,將會(huì)產(chǎn)生一個(gè)目錄,這個(gè)目錄抽取了文章的所有標(biāo)題胰蝠,自動(dòng)更新內(nèi)容歼培。
[TOC]
標(biāo)題
在markdown語法里面,使用#表示一級標(biāo)題茸塞,##表示二級標(biāo)題躲庄,以此類推,有6個(gè)標(biāo)題钾虐,一個(gè)一個(gè)去輸入比較麻煩读跷,好在typora有快捷鍵。
Ctrl 0
到 Ctrl 6
:普通文本禾唁、一級~六級標(biāo)題;
<h1># 1</h1>
<h2>## 1</h2>
換行
<br/>
在后面不管輸入什么无切,都會(huì)強(qiáng)制換行荡短。
f'fhhhha
加粗
或者*[]* 對其進(jìn)行加粗, 快捷鍵Ctrl B
:加粗哆键,加粗測試掘托;
斜體
Ctrl I
:斜體,斜體測試籍嘹;在標(biāo)準(zhǔn)的Markdown語法中闪盔,
*和_包裹的內(nèi)容會(huì)是斜體顯示,但是GFM下劃線一般用來分隔人名和代碼變量名辱士,因此我們推薦是用星號來包裹斜體內(nèi)容泪掀。如果要顯示星號,則使用轉(zhuǎn)義:
\*
eg. 這是斜體
下劃線
Ctrl U
:下劃線颂碘,<u>下劃線測試</u>异赫;
用HTML的語法<u>Underline</u>
將產(chǎn)生下劃線 Underline.
強(qiáng)調(diào)(高亮)
本節(jié)課重點(diǎn):==第六、七章不考==头岔,第三章出題較多塔拳,==平時(shí)分占 30%==
本節(jié)課重點(diǎn):==第六、七章不考==峡竣,第三章出題較多靠抑,==平時(shí)分占 30%==,高亮是typora編輯器自帶的而非markdown語法适掰。
<em>強(qiáng)調(diào)</em>
<em>強(qiáng)調(diào)</em>斜體強(qiáng)調(diào)
<strong>強(qiáng)調(diào)</strong>
<strong>強(qiáng)調(diào)</strong>加黑強(qiáng)調(diào)
轉(zhuǎn)義字符
但是如果你的 * 和 _ 兩邊都有空白的話颂碧,它們就只會(huì)被當(dāng)成普通的符號荠列。
如果要在文字前后直接插入普通的星號或底線,你可以用反斜線:
\*this text is surrounded by literal asterisks\*
*this text is surrounded by literal asterisks*
刪除線
Shift Alt 5
:刪除線稚伍,刪除線測試弯予;
GFM添加了刪除文本的語法,這是標(biāo)準(zhǔn)的Markdown語法木有的个曙。使用~~
包裹的文本將會(huì)具有刪除的樣式锈嫩。
代碼塊
快捷鍵Ctrl+shift+k
Shift Ctrl Tab鍵上面那個(gè)鍵
:行內(nèi)代碼塊,行內(nèi)代碼塊測試
垦搬;
- 使用`包裹的內(nèi)容將會(huì)以代碼樣式顯示呼寸,例如
使用`printf()`
則會(huì)產(chǎn)生printf()
樣式。
- 輸入
~~~
或者```然后回車猴贰,可以輸入代碼塊对雪,并且可以選擇代碼的語言。例如:
public Class HelloWorld{
System.out.println("Hello World!");
}
超鏈接
Ctrl K
:超鏈接米绕,超鏈接測試瑟捣;還支持文章內(nèi)錨點(diǎn),請 Ctrl
點(diǎn)擊此處 :arrow_right: [第二節(jié)](#基本的不帶快捷鍵 Markdown 書寫演示)栅干;
使用尖括號包裹的url將產(chǎn)生一個(gè)連接迈套,例如:<www.baidu.com>
將產(chǎn)生連接: .
如果是標(biāo)準(zhǔn)的url,則會(huì)自動(dòng)產(chǎn)生連接碱鳞,例如: 桑李。
關(guān)于鏈接:英文輸入下的中括號,里面填上你想寫的話窿给,然后在后面輸入小括號里面貼上鏈接地址就可以了 贵白,
例如: [百度一下](www.baidu.com)
就可以變成 百度一下
表格
|姓名|性別|畢業(yè)學(xué)校|工資|
|:---|:---:|:---:|---:|
|楊洋|男|重慶交通大學(xué)|3200|
|峰哥|男|貴州大學(xué)|5000|
|坑貨|女|北京大學(xué)|2000|
將產(chǎn)生:
姓名 | 性別 | 畢業(yè)學(xué)校 | 工資 |
---|---|---|---|
楊洋 | 男 | 重慶交通大學(xué) | 3200 |
峰哥 | 男 | 貴州大學(xué) | 5000 |
坑貨 | 女 | 北京大學(xué) | 2000 |
其中代碼的第二行指定對齊的方式,第一個(gè)是左對齊崩泡,第二個(gè)和第三個(gè)是居中禁荒,最后一個(gè)是右對齊。
事實(shí)上角撞,通過右鍵–>insert的形式打開的圈浇,當(dāng)然也可以通過快捷鍵Ctrl+T來打開。填入行數(shù)與列數(shù)就可以了 靴寂。
==也可以用第三方庫代入代碼比如LaTex表格https://www.tablesgenerator.com/==
下面就是我拷貝過來的代碼式樣
引用
Ctrl Shift Q
:引用:
我需要三件東西:愛情磷蜀、友誼和圖書。然而這三者之間何其相通百炬!
熾熱的愛情可以充實(shí)圖書的內(nèi)容褐隆,圖書又是人們最忠實(shí)的朋友。
—— 蒙田
使用>來插入塊引用剖踊,輸入空格庶弃。例如:
>這是一個(gè)塊引用衫贬!
將產(chǎn)生:
這是一個(gè)塊引用!
插入圖片
Shift Ctrl I
:圖片:
[圖片上傳失敗...(image-4ef3a6-1553532047950)]
[圖片上傳失敗...(image-280524-1553532047950)]
詳細(xì)敘述如下:
- 一個(gè)驚嘆號 !
- 接著一個(gè)方括號歇攻,里面放上圖片的替代文字
- 接著一個(gè)普通括號固惯,里面放上圖片的網(wǎng)址,最后還可以用引號包住并加上 選擇性的 'title' 文字缴守。
我們可以通過拖拉的方式葬毫,將本地文件夾中的圖片或者網(wǎng)絡(luò)上的圖片插入。
https://lyonling.github.io/2019/01/05/Typora-Markdown%E8%AF%AD%E6%B3%95/www.baidu.com)
數(shù)學(xué)公式
要啟用這個(gè)功能屡穗,首先到Preference
->Editor
中啟用贴捡。Shift Ctrl M
:公示塊,快捷輸入 LeTex 公式:
然后使用$
符號包裹Tex命令村砂,
例如:$lim_{x \to \infty} \ exp(-x)=0$
將產(chǎn)生如下的數(shù)學(xué)表達(dá)式:
?
輸入兩個(gè)$
符號烂斋,然后回車,就可以輸入==數(shù)學(xué)表達(dá)式塊==了础废。例如:
$$\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\\end{vmatrix}$$
將會(huì)產(chǎn)生:
關(guān)于更詳細(xì)的LaTeX公式汛骂,可以參考這篇博客
==小技巧== 可以運(yùn)用第三方庫或者軟件迅速得到公式的代碼,比如MathType Axmath lyx就可以LaTex或者markdown代碼
代碼塊
代碼塊(我居然不能轉(zhuǎn)義那個(gè)字符评腺,就 Tab 鍵上面那個(gè)):三個(gè)飄號鍵
快捷鍵:CTRL+shift+~
?```
#!/usr/bin/python3
import os
with open('List.txt', 'w') as f:
for i in range(10):
f.writelines(str(i))
print('成功寫入數(shù)列')
os.system('rm ./List.txt')
print('成功刪除文件')
<code>hh</code>
<code>hh</code>
<pre>hh</pre>
<pre>hh</pre>
列表
輸入+, -, *,(+空格)創(chuàng)建無序的列表帘瞭,使用任意數(shù)字開頭,創(chuàng)建有序列表歇僧,跳出可以先刪除,然后逐級按enter鍵
例如:
**無序的列表**
* tfboys
* 楊洋
* 我愛你
無序的列表
- tfboys
- 楊洋
- 我愛你
**有序的列表**
1. 蘋果
6. 香蕉
10. 我都不喜歡
有序的列表
- 蘋果
- 香蕉
- 我都不喜歡
任務(wù)列表
使用如下的代碼創(chuàng)建任務(wù)列表锋拖,在[]中輸入x表示完成诈悍,也可以通過點(diǎn)擊選擇完成或者沒完成。
- [ ] 吃飯
- [x] 逛街
- [ ] 看電影
- [ ] 吃飯
- [x] 逛街
- [ ] 看電影
參考鏈接:
? 通過培養(yǎng)試驗(yàn)研究了有機(jī)酸對鉛兽埃、鎘的毒害影響侥钳,結(jié)果表明檸檬酸對鉛[1],酒石酸對鎘有較明顯解毒作用[2]柄错。用逐步提取法研究蘿卜根葉內(nèi)重金屬存在的化學(xué)形態(tài) 舷夺,有機(jī)酸處理并不影響各形態(tài)鉛的優(yōu)勢順序 ,但各形態(tài)鉛的濃度或相對百分率發(fā)生了變化售貌。
上下標(biāo)
下標(biāo)使用~
包裹给猾,例如:H~2~O
將產(chǎn)生水的分子式。
H2O
上標(biāo)使用^
包裹颂跨,例如:y^2^=4
將產(chǎn)生表達(dá)式 敢伸。
? y2=4
下標(biāo)使用`~`包裹,例如:`H~2~O`將產(chǎn)生水的分子式恒削。
? H~2~O
上標(biāo)使用`^`包裹池颈,例如:`y^2^=4`將產(chǎn)生表達(dá)式 尾序。
? y^2^=4
標(biāo)注(注釋)
我們可以對某一個(gè)詞語進(jìn)行標(biāo)注。例如
<!--這一段不要顯示出來-->
某些人用過了才知道[^注釋]
[^注釋]:Somebody that I used to know.
將產(chǎn)生:
某些人用過了才知道[^注釋]
把鼠標(biāo)放在注釋
上躯砰,將會(huì)有提示內(nèi)容每币。
水平分割線
使用***
或者---
,然后回車琢歇,來產(chǎn)生水平分割線兰怠。
插入表情
使用:happy:
輸入高興的表情,使用:sad:
輸入悲傷的表情矿微,使用:cry:
輸入哭的表情等痕慢。以此類推!
:happy::cry: :weary:
強(qiáng)調(diào)
使用兩個(gè)*號或者兩個(gè)_包裹的內(nèi)容將會(huì)被強(qiáng)調(diào)涌矢。例如
**使用兩個(gè)*號強(qiáng)調(diào)內(nèi)容**
__使用兩個(gè)下劃線強(qiáng)調(diào)內(nèi)容__
將會(huì)輸出
使用兩個(gè)號強(qiáng)調(diào)內(nèi)容* 使用兩個(gè)下劃線強(qiáng)調(diào)內(nèi)容 Typora 推薦使用兩個(gè)*號掖举。
折疊
<details>哈哈,這個(gè)功能不錯(cuò)</details>
繪圖
幾何畫板
geogebra
Adobe illustrator
matlab
mathmaticas
常用快捷鍵
==備注==`:飄號鍵在tap鍵的上方
? ~:按住shift鍵和tap上面的鍵
標(biāo)題:ctrl+0到ctrl+6
? #空格+文字 娜庇,回車即可
加粗:Ctrl+B
斜體:Ctrl+I
? 哈哈哈哈
字體:Ctrl+數(shù)字
下劃線:Ctrl+U
刪除線:shift+alt+5
? 刪除線
返回開頭:Ctrl+Home
返回結(jié)尾:Ctrl+End
生成表格:Ctrl+T
創(chuàng)建鏈接:Ctrl+K
? 百度訪問可以按住ctrl點(diǎn)擊
插入:shift+ctrl+tap鍵上面那個(gè)鍵
引用:ctrl+shift+Q
? hhh
圖片:shift+ctrl+I
? 插入公式:shift+ctrl+m
?
基本不帶快捷鍵的Markdown書寫演示
?
部分功能需要現(xiàn)在配置文件中開啟才能使用
代碼塊(我居然不能轉(zhuǎn)義那個(gè)字符塔次,就在tap鍵上面那個(gè)):
輸入三個(gè)飄號鍵,按下回車
#hello world
import os
無序名秀、有序列表励负、任務(wù)列表
無序:短斜杠-或*或+,加一個(gè)空格,回車按tap可以轉(zhuǎn)化二級列表匕得,刪除多按幾次enter可以跳出
-
001
- ?
有序
- 1
任務(wù)列表:空格+-空格+方括號[ ]+空格
- [x] 001
引用:方括號+^+數(shù)字
[1]``首先要有內(nèi)容文末自動(dòng)生成文獻(xiàn)符號`
上下標(biāo):
上標(biāo):x^2^
x2,H2o
高亮:==本段補(bǔ)考==
注釋:
<!==本段不要顯示出來==>
內(nèi)聯(lián)公式:兩個(gè)美元符號
分割線:三個(gè)短斜線-+回車
我絕不會(huì)放棄的
emoji圖標(biāo):冒號+隨便一些字
:arrow_up:
目錄生成:方括號+括號輸入toc继榆,動(dòng)態(tài)的
toc
Markdown 拓展功能
HTML 原生支持,目前只支持 img 標(biāo)簽汁掠,用以自定義圖片大小和縮放:
<img src="https://static.pexels.com/photos/461797/pexels-photo-461797.jpeg width="550px" alt="test"></img>
<img src="https://static.pexels.com/photos/461797/pexels-photo-461797.jpeg" alt="test" width="550px"></img>
LaTex 公式支持略吨,包括 mhchem,AMSmath考阱,BBox:
mhchem:
BBox:
流程圖支持翠忠,內(nèi)置了 Flowchart,Sequence乞榨,Mermaid 引擎秽之,支持多種多樣的流程圖、時(shí)序圖吃既、甘特圖:
- 流程圖(Flowchart)
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
[圖片上傳失敗...(image-20c37b-1553532047950)]
- 流程圖(Mermaid)
graph TD;
開始-->條件B;
條件A-->條件C;
條件B-->條件D;
條件C-->條件D;
條件A-->條件D;
開始-->條件C;
開始-->條件A;
條件D-->結(jié)束;
[圖片上傳失敗...(image-86bc67-1553532047950)]
- 時(shí)序圖(Mermaid)
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail...
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
[圖片上傳失敗...(image-e3f559-1553532047950)]
- 時(shí)序圖(Sequence)
Alice->>John: Hello John, how are you?
Note right of John: Rational thoughts
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
[圖片上傳失敗...(image-d6c9c-1553532047950)]
- 甘特圖(Mermaid)
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
[圖片上傳失敗...(image-6dcd0-1553532047950)]
- 其他 Mermaid 圖(目前還有點(diǎn)問題考榨,不建議使用)
- Class diagram
classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
[圖片上傳失敗...(image-dd824c-1553532047950)]
- Git
gitGraph:
options
{
"nodeSpacing": 100,
"nodeRadius": 10
}
end
commit
branch newbranch
checkout newbranch
commit
commit
checkout master
commit
commit
merge newbranch
[圖片上傳失敗...(image-126243-1553532047950)]
主題替換
訪問:http://theme.typora.io/
放入主題文件夾,重啟軟件就ok了
編輯器
編輯器眾多鹦倚,然而我正是用typora寫下的這篇教程
- 軟件
- 在線編輯器
- 參考網(wǎng)站:菜鳥教程
- 工具:Google瀏覽器插件Markdown here
- : :
<textarea id="myEditor" class="mono form-control wmd-input tabIndent" style="background-position: right top; background-repeat: no-repeat;">GEEK 們董虱,玩起來!</textarea>
文章導(dǎo)出
安裝pandoc格式轉(zhuǎn)換軟件,官網(wǎng)下載
- 圖片(非常適合手機(jī)閱讀)
- HTML(可選擇是否帶樣式表)
快捷鍵:無序列表:輸入-之后輸入空格
有序列表:輸入數(shù)字+“.”之后輸入空格
任務(wù)列表:-[空格]空格 文字
標(biāo)題:ctrl+數(shù)字
表格:ctrl+t
生成目錄:[TOC]按回車
選中一整行:ctrl+l
選中單詞:ctrl+d
選中相同格式的文字:ctrl+e
跳轉(zhuǎn)到文章開頭:ctrl+home
跳轉(zhuǎn)到文章結(jié)尾:ctrl+end
搜索:ctrl+f
替換:ctrl+h
引用:輸入>之后輸入空格
代碼塊:ctrl+alt+f
加粗:ctrl+b
傾斜:ctrl+i
下劃線:ctrl+u
刪除線:alt+shift+5
插入圖片:直接拖動(dòng)到指定位置即可或者ctrl+shift+i