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>
也可以通過變數來設置一個鏈接,變數賦值在文檔末尾進行:
[Google][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支援的不是很好,就不在這裡介紹了,將會在下一篇博文中寫。