Typora及Markdown的介紹及使用
Typora及Markdown的介紹及使用
Typora是一款免費的Markdown編輯器,Typora不像其他Markdown編輯器一樣使用一邊程式碼一邊預覽的方式,而是寫完程式碼之後直接出效果,所見即所得,當然,也可以在選單欄開啟原始碼模式。還有很多的Markdown編輯器,如Mou (Mac系統下的)、Haroopad、CMD Markdown 等,個人覺得沒有Typora好用,以下介紹一些Typora的使用,其實就是一些Markdown的語法,只不過多了些快捷鍵的使用。Typora也可以通過軟體的選單欄進行操作,較為簡單,但是寫作時為了提升速度,還是使用程式碼和快捷鍵。
Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫檔案。Markdown 編寫的檔案可以匯出 HTML 、Word、影象、PDF、Epub 等多種格式的檔案。Markdown 編寫的檔案字尾為 .md, .markdown。Markdown 能被使用來撰寫電子書,如:Gitbook。當前許多網站都廣泛使用 Markdown 來撰寫幫助檔案或是用於論壇上發表訊息。例如:GitHub、簡書、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。Git倉庫中常見的說明檔案README檔案就是Markdown檔案,很多的部落格,如CSDN、部落格園也支援Markdown,本篇博文就是使用Markdown寫的。
目錄
一、標題
可以使用#
來標記標題,支援六級標題,幾級標題就用幾個#
,#
的後面要空一格,再寫標題內容,按回車鍵就會生成效果,記得#
後空一格再寫標題
# 一級標題(Ctrl+1)
## 二級標題(Ctrl+2)
### 三級標題(Ctrl+3)
#### 四級標題(Ctrl+4)
###### 五級標題(Ctrl+5)
####### 六級標題(Ctrl+6)
效果:
也可以使用=
和-
來標記一級和二級標題,在一行文字的下一行寫幾個-
或=
就可以,數量不限,大於一個就好
我是一級標題
==========
我是二級標題
----------
效果:
二、段落
Markdown 段落沒有特殊的格式,直接編寫文字就好,段落的換行是使用兩個以上空格加上回車。
當然也可以在段落後面使用一個空行來表示重新開始一個段落。
三、字型
加粗還可以使用快捷鍵Ctrl+B
Ctrl+I
*斜體文字*
_斜體文字_
**粗體文字**
__粗體文字__
***粗斜體文字***
___粗斜體文字___
效果:
斜體文字
斜體文字
粗體文字
粗體文字
粗斜體文字
粗斜體文字
四、分割線
可以在一行中用三個以上的星號、減號、底線來建立一個分隔線,行內不能有其他東西。也可以在星號或是減號中間插入空格。下面每種寫法都可以建立分隔線:
***
* * *
*****
- - -
----------
效果:
五、 刪除線
使用~~文字~~
hello world
~~ hello world ~~
效果:
hello world
hello world
六、下劃線
使用<u>文字</u>
,或使用快捷鍵Ctrl+U
<u>下劃線</u>
效果:
下劃線
七、腳註
使用[^文字]
這是我的部落格[^CSDN]
效果:
這是我的部落格[^CSDN]
八、列表
Markdown 支援有序列表和無序列表。
1. 無序列表
使用星號(*)、加號(+)或是減號(-)作為列表標記,這些標記後面要新增一個空格,然後再填寫內容:
* 第一項
* 第二項
* 第三項
+ 第一項
+ 第二項
+ 第三項
- 第一項
- 第二項
- 第三項
效果
- 第一項
- 第二項
- 第三項
- 第一項
- 第二項
- 第三項
- 第一項
- 第二項
- 第三項
2. 有序列表
使用數字並加上 . 號來表示,如:
1. 第一節
2. 第二節
3. 第三節
效果:
- 第一節
- 第二節
- 第三節
3. 列表巢狀
列表巢狀只需在子列表中的選項前面新增四個空格即可:
1.第一章
* 第一節
* 第二節
* 第三節
2.第二章
* 第一節
* 第二節
* 第三節
3.第三章
* 第一節
* 第二節
* 第三節
效果:
- 第一章
- 第一節
- 第二節
- 第三節
- 第二章
- 第一節
- 第二節
- 第三節
- 第三章
- 第一節
- 第二節
- 第三節
九、任務列表
格式如下
-[ ] 文字 (注意用空格隔開)
- [ ] 吃飯
- [ ] 睡覺
- [ ] 寫程式碼
效果:
- [x] 吃飯
- [x] 睡覺
- [ ] 寫程式碼
十、區塊
Markdown 區塊引用是在段落開頭使用 > 符號 ,然後後面緊跟一個空格符號:
>Typora
>Markdown
>Python
效果:
Typora
Markdown
Python
區塊還可以和列表巢狀使用
1. 程式語言
>C語言
>Python
>Java
2. IDE
>VS
>PyCharm
>Eclipse
效果:
- 程式語言
C語言
Python
Java - IDE
VS
PyCharm
Eclipse
十一、程式碼塊
1. 單個
如果是段落上的一個函式或片段的程式碼可以用反引號把它包起來:
`print()`和`printf()`都是函式
效果:
print()
和printf()
都是函式
2.程式碼區塊
程式碼區塊使用 4 個空格或者一個製表符Tab 鍵。
#include<stdio.h>
int main()
{
printf("hello world!");
return 0;
}
效果:
#include<stdio.h>
int main()
{
printf("hello world!");
return 0;
}
或使用` ````包裹一段程式碼,並指定一種語言(也可以不指定),指定的話會有該種語言的高亮顯示,語言指定在第一行,第二行開始寫程式碼:
```c
#include<stdio.h>
int main()
{
printf("hello world!");
return 0;
}
```
效果:
#include<stdio.h>
int main()
{
printf("hello world!");
return 0;
}
```python
a=[1,2,'hello world',(99,98)]
for i in a:
print(i)
```
效果:
a=[1,2,'hello world',(99,98)]
for i in a:
print(i)
十二、連結
連結的用法如下,也可以使用快捷鍵Ctrl+K
。
連結名稱
或者
<連結地址>
[百度](www.baidu.com)
<www.baidu.com>
效果:
百度
<www.baidu.com>
也可以通過變數來設定一個連結,變數賦值在檔案末尾進行:
[谷歌][1]和[百度][2]都是搜尋引擎
[1]:www.google.com
[2]:www.baidu.com
十三、圖片
圖片的格式為
開頭一個感嘆號 !
接著一個方括號,裡面放上圖片的替代文字
接著一個普通括號,裡面放上圖片的網址,最後還可以用引號包住並加上選擇性的 'title' 屬性的文字。
圖片也可以在複製後直接貼上到Typora或者拖進Typora中實現圖片的插入
十四、表格
Markdown 製作表格使用 |
來分隔不同的單元格,使用 -
來分隔表頭和其他行。也可以使用Ctrl+T
建立表格
語法格式如下:
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |
|姓名|年齡|性別|
|--- |--- |---|
|張三 |20 |男|
|李四 |22 |女|
|王二 |32 |男|
效果:
姓名 | 年齡 | 性別 |
---|---|---|
張三 | 20 | 男 |
李四 | 22 | 女 |
王二 | 32 | 男 |
可以設定表格的對齊方式:
-:
設定內容和標題欄居右對齊。:-
設定內容和標題欄居左對齊。:-:
設定內容和標題欄居中對齊。
|姓名|年齡|性別|
|:- |:-: |-:|
|張三 |20 |男|
|李四 |22 |女|
|王二 |32 |男|
效果:
姓名 | 年齡 | 性別 |
---|---|---|
張三 | 20 | 男 |
李四 | 22 | 女 |
王二 | 32 | 男 |
十五、數學公式
Typora支援加入用LaTeX寫成的數學公式,並且在軟體介面下用MathJax直接渲染,數學公式分為兩種
- 行內公式
$ ... $
- 行間公式
$$ ... $$
,(或者$$+回車)
行間公式形式是將數學式插在文字行之間,行內公式形式是將數學式插入文字行之內(段落中)。個人測試在Typora中插入行內公式沒有效果,插入行間公式有效果,但在其他Markdown編輯器中插入行內公式和行間公式均有效果,暫時還不知道是什麼原因。
1、上標、下標、求和、括號、分式、根號
2、基本運運算元
3、三角函式、指數、對數
4、高等數學相關運運算元
5、集合運運算元
6、希臘字母
十六、流程圖
Markdon還支援流程圖,就是使用程式碼來畫流程圖。但是Typora支援的不是很好,就不在這裡介紹了,將會在下一篇博文中寫。