1. 程式人生 > 實用技巧 >Typora及Markdown的介紹及使用

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>

也可以通過變數來設定一個連結,變數賦值在檔案末尾進行:

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