1. 程式人生 > 實用技巧 >Typora軟體操作教程(簡單的編寫文件,方便,美觀,有效的 HTML 文件)

Typora軟體操作教程(簡單的編寫文件,方便,美觀,有效的 HTML 文件)

Typora軟體操作教程

軟體下載地址

Markdown 是一種輕量級標記語言,創始人是約翰·格魯伯(John Gruber)。它允許人們 “使用易讀易寫的純文字格式編寫文件,然後轉換成有效的 HTML 文件。”

1.基本操作

一級標題

二級標題typora

一級標題 :# 空格 內容

二級標題: # # 空格 內容

一共5級標題以此類推

字型

粗體: ** 粗體 **

斜體 : * 斜體 *

斜體加粗:** * 斜體加粗 * **

刪除線: ~ ~刪除線~~

引用

前面加一個箭頭就可以: >

分割線



第一種:三個- - -就可以: - - -

第二種: 三個* * *: * * *

圖片

"輸入圖片路徑" 可以是本地或者網路地址

英文模式輸入: ! [ ]( )

超連結

點選跳轉到超連結我的部落格園

英文模式輸入: [ ]( ) 軟體裡面超連結不支援跳轉

列表

1.有序列表

英文模式輸入: 1 . 1句號空格

2.無序列表

英文模式輸入: - 減號空格

表格

方法一:右鍵 插入 表格 (簡單)

方法二

名字性別生日
張三 1999.5.20

名字|性別|生日

--|--|--

張三|男|1999.5.20 注:1.按我的寫完之後

2.點左下角點</>

3.刪除每行之間多餘空行

4.點左下角退出原始碼模式

程式碼

英文模式輸入: ``` 注:是Tab鍵上面,1旁邊

1. 基本操作

1.1 內容目錄


  • 語法

[toc]

1.2 標題


  • 語法

#    一級標題  
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

1.3 引用


  • 語法

> 引用內容1
> 引用內容2
>> 引用內容3
  • 效果

引用內容1 引用內容2

引用內容3

2. 程式碼

2.1 單行程式碼


  • 語法

`String str1 = "hello";`
  • 效果

String str1 = "hello";

2.2 多行程式碼


  • 語法

~~~
```
•~~~java
```c
  • 效果

int a = 10;
int b = 20;

3. 列表

3.1 無序列表


  • 語法

* 無序列表1
+ 無序列表2
- 無序列表3
  • 效果

  • 無序列表1

  • 無序列表2

  • 無序列表3

3.2 多行無序列表


  • 語法

* 多行無序列表1
TAB * 多行無序列表2
TAB TAB * 多行無序列表3
  • 效果

  • 多行無序列表1

    • 多行無序列表2

      • 多行無序列表3

3.3 有序列表


  • 語法

1. 有序列表1
2. 有序列表2
3. 有序列表3
  • 效果

  1. 有序列表1

  2. 有序列表2

  3. 有序列表3

3.4 多行有序列表


  • 語法

1. 多行有序列表1
2. 多行有序列表2
    1. 多行有序列表2-1
    2. 多行有序列表2-2
3. 多行有序列表3
    1. 多行有序列表3-1
    2. 多行有序列表3-2
  • 效果

  1. 多行有序列表1

  2. 多行有序列表2

  3. 多行有序列表2-1

  4. 多行有序列表2-2

  5. 多行有序列表3

  6. 多行有序列表3-1

  7. 多行有序列表3-2

3.5 任務列表


  • 語法

-[ ] 抽菸
-[x] 喝酒
-[ ] 燙頭
  • 效果

-[ ] 抽菸 -[x] 喝酒 -[ ] 燙頭

3.6 表格


  • 語法

|姓名|性別|年齡|手機號|
|:---|:--:|:--:|---:|
|張三|男|21|18975346876|
|李四|女|23|17789548964|
|王五|男|25|15876513546|
  • 效果

姓名性別年齡手機號
張三 21 18975346876
李四 23 17789548964
王五 25 15876513546

4. 連結

4.1 圖片


  • 語法1(本地圖片

[圖片上傳失敗...(image-61fd19-1520850984854)]
  • 語法2(網路圖片

![typora.jpg](https://upload-images.jianshu.io/upload_images/1538862-d91e815790b81e4a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  • 效果2

typora.jpg

4.2 超連結


  • 語法1(行內式連結

[百度][https://www.baidu.com/]
  • 效果1

百度(https://link.jianshu.com?t=https%3A%2F%2Fwww.baidu.com%2F%5D)

  • 語法2(參考式連結

[CSDN][CSDN網址]
[CSDN網址]:https://www.csdn.net/
  • 效果2

CSDN

  • 語法3(自動連結

<https://github.com/>
  • 效果2

https://github.com/

5. 其他

5.1 斜體


  • 語法

*斜體*
_斜體_
  • 效果

斜體 斜體

5.2 加粗


  • 語法

**加粗**
__加粗__
  • 效果

加粗 加粗

5.3 下劃線


  • 語法

<u>下劃線</u>
  • 效果

下劃線

5.4 刪除線


  • 語法

~~刪除線~~
  • 效果

刪除線

5.5 分隔線


  • 語法

***
---
___
  • 效果




5.6 註腳


  • 語法

Typora[^1]
[^1]A markdown editor
  • 效果

Typora[1]

5.7 上下標


  • 語法

$3^2=9$
$3^{(3-1)}=9$
$H_2SO_4$
$H_{2SO_4}$
  • 效果

$3^2=9$ $3^{(3-1)}=9$ $H_2SO_4$

$H_{2SO_4}$

5.8 符號的輸入


  • 語法

\\   反斜線
\`   反引號
\*   星號
\_   底線
\{ \}  花括號
\[ \]  方括號
\( \)  括弧
\#   井字號
\+   加號
\-   減號
\.   英文句點
\!   驚歎號
  • 效果

\ ` * _ { } [ ] ( ) # + - . !

5.9 特殊字元


  • 語法

&copy;      版權      
&reg;       註冊商標
&trade;     商標
&nbsp;      空格
&amp;       和號
&quot;      引號
&apos;      撇號
&lt;        小於號
&gt;        大於號
&ne;        不等號
&le;        小於等於
&ge;        大於等於
&cent;      分
&pound;     磅
&euro;      歐元
&yen;       元
&sect;      節
&times;     乘號
&divide;    除號
&plusmn;    正負號
  • 效果

    © ®

    & " ' < > ¢ £ ¥ § × ÷ ±

HTML特殊字元編碼對照表


  1. A markdown editor