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

img

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

原文地址:https://www.cnblogs.com/henshuai/p/13776662.html