Typora及Markdown的介紹及使用

Typora及Markdown的介紹及使用

Typora是一款免費的Markdown編輯器,Typora不像其他Markdown編輯器一樣使用一邊程式碼一邊預覽的方式,而是寫完程式碼之後直接出效果,所見即所得,當然,也可以在菜單欄打開源程式碼模式。還有很多的Markdown編輯器,如Mou (Mac系統下的)、HaroopadCMD 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. 第三節

效果:

  1. 第一節
  2. 第二節
  3. 第三節

3. 列表嵌套

列表嵌套只需在子列表中的選項前面添加四個空格即可:

1.第一章
	 * 第一節
	 * 第二節
	 * 第三節
2.第二章
	 * 第一節
	 * 第二節
	 * 第三節
3.第三章
	 * 第一節
	 * 第二節
	 * 第三節

效果:

  1. 第一章
    • 第一節
    • 第二節
    • 第三節
  2. 第二章
    • 第一節
    • 第二節
    • 第三節
  3. 第三章
    • 第一節
    • 第二節
    • 第三節

九、任務列表

格式如下

-[ ] 文字 (注意用空格隔開)

- [ ] 吃飯
- [ ] 睡覺
- [ ] 寫程式碼

效果:

  • [x] 吃飯
  • [x] 睡覺
  • [ ] 寫程式碼

十、區塊

Markdown 區塊引用是在段落開頭使用 > 符號 ,然後後面緊跟一個空格符號:

>Typora
>Markdown
>Python

效果:

Typora
Markdown
Python

區塊還可以和列表嵌套使用

1. 程式語言
	>C語言
	>Python
	>Java
2. IDE
	>VS
	>PyCharm
	>Eclipse

效果:

  1. 程式語言

    C語言
    Python
    Java

  2. 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

效果:
Google百度都是搜索引擎

十三、圖片

圖片的格式為

  • 開頭一個感嘆號 !

  • 接著一個方括弧,裡面放上圖片的替代文字

  • 接著一個普通括弧,裡面放上圖片的網址,最後還可以用引號包住並加上選擇性的 ‘title’ 屬性的文字。

  • 圖片也可以在複製後直接粘貼到Typora或者拖進Typora中實現圖片的插入
    Windows

十四、表格

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支援的不是很好,就不在這裡介紹了,將會在下一篇博文中寫。

Tags: