Typora使用

北执南念

已于 2023-04-05 22:03:34 修改

阅读量949

点赞数 1

分类专栏：工具文章标签： java

于 2023-03-26 18:00:36 首次发布

本文链接：https://blog.csdn.net/qq_45525848/article/details/129782142

版权

工具专栏收录该内容

15 篇文章 1 订阅

订阅专栏

Typora是一款支持Markdown语法的文本编辑器，提供实时预览功能。本文详细介绍了如何使用Typora进行标题、引用、加粗、斜体、下划线、删除线等基础操作，以及代码块、列表、链接、图片和进阶功能如流程图的创建。此外，还提到了快捷键和HTML支持等高级特性。

摘要由CSDN通过智能技术生成

Typora

Typora 是一款支持实时预览的 Markdown 文本编辑器。
在这里插入图片描述

1. 基础操作

1.1标题

# 		一级标题

## 		二级标题

### 	三级标题

#### 	四级标题

##### 	五级标题

###### 	六级标题

1.2 引用

>  引用内容1
>  引用内容2
>> 引用内容3

1.3 斜体

*斜体*
_斜体_

1.4 加粗

**加粗**
__加粗__
***加粗斜体***

1.5 下划线

<u>下划线</u>

1.6 删除线

~~删除线~~

1.7 分割线

***
---
___

1.8 注脚

Typora[^1]
[^1]:A markdown editor

1.9 上下标,高亮

5<sup>2</sup>=25
H<sub>2</sub>OCO<sub>2</sub>

#以下需要在文件->偏好设置->markdown->markdown拓展语法勾选
6^2^=36
H~2~O
==高亮==

1.10 目录

[soc] 自动生成目录

1.11 换行

</br>
在需要换行的地方插入</br>

2. 代码

2.1 单行代码

==String str1 = "hello==

2.2 多行代码

======
~~~
~~~python
======c

2.3 注释

#html注释
<!-- 注释 -->
#hack方法
[^_^]: # (我是注释，超级萌。)
*[·-·]:注释内容
*[^_^]:注释内容
*[@_@]:注释内容

3. 列表

3.1 无序列表

* 无序列表1
+ 无序列表2
- 无序列表3

3.2 多行无序列表

*         无序列表1
TAB *     无序列表2
TAB TAB * 无序列表3

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

3.5 任务列表

- [ ] 任务1
- [x] 任务2(打勾的选项)

3.6 表格

Ctrl + t

4. 链接

4.1 图片

![typora](图片的绝对地址)	#本地图片
![typora](图片的网络地址)	#网络图片

4.2 超链接

样式1.
	[百度](https://www.baidu.com/)
样式2.
	[CSDN][CSDN网址]
	[CSDN网址]:https://www.csdn.net/
样式3.
	<https://www.csdn.net/>

4.3 框架

<iframe src="链接"...参数...></iframe>

5. 符号的输入

5.1 普通符号

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

5.2 特殊符号

&copy;   版权
&reg;    注册商标
&trade;  商标
&nbsp;   空格
&amp;    和号
&quot;   引号
&apos;   撇号
&lt;     小于号
&gt;     大于号
&ne;     不等号
&le;     小于等于
&ge;     大于等于
&cent;   分
&pound;  磅
&euro;   欧元
&yen;    元
&sect;   节
&times;  乘号
&divide; 除号
&plusmn; 正负号

6. 快捷键

F8    		专注模式
F9    		打字机模式
Ctrl+1  	一阶标题    
Ctrl+2  	二阶标题    
Ctrl+3  	三阶标题    
Ctrl+4  	四阶标题    
Ctrl+5  	五阶标题    
Ctrl+6  	六阶标题    
Ctrl+B  	字体加粗(Blod)
Ctrl+I  	字体倾斜(Italic)
Ctrl+U  	下划线(Underline)
Ctrl+Z		撤销
Ctrl+T		创建表格(Table)				    
Ctrl+L  	选中某句话   
Ctrl+K  	创建超链接
Ctrl+D  	选中某个单词  
Ctrl+F  	搜索(Find)
Ctrl+H		搜索并替换
Ctrl+\		清楚样式
Ctrl+E  	选中相同格式的文字  
Ctrl+Home	 	返回Typora顶部	
Ctrl+End     	返回Typora底部
Alt+Shift+5 	删除线 
Ctrl+Shift+I    插入图片(Image)
Ctrl+Shift+M    公式块 
Ctrl+Shift+K	代码块
Ctrl+Shift+Q    引用(Quote)

10. 进阶知识

10.1 HTML

Markdown支持HTML的标签

颜色代码查询:RGB颜色查询表

10.2 字体、字号、颜色设置

<font face="微软雅黑" >微软雅黑字体</font>
<font face="黑体" >黑体</font>
<font size=3 >3号字</font>
<font size=4 >4号字</font>
<font color=#FF0000 >红色</font>
<font color=#008000 >绿色</font>
<font color=#0000FF >蓝色</font>
<font color=#0099ff size=7 face="黑体">集中在一个标签中</font>

10.3 文字添加背景色

<table>
    <tr align=center>
        <td bgcolor=yellow>背景色yellow</td>
    </tr>
</table>

属性	描述	参数
align	定义表格行的内容对齐方式。	right 右对齐 left 左对齐 center 居中对齐
bgcolor	规定表格行的背景颜色。	rgb(x,x,x) #xxxxxx 颜色名字

10.4 按键效果

html的行内元素<kbd></kbd>，可以达到表示按键的效果
<kbd>ctrl</kbd> + <kbd>R</kbd>

10.5 设置图片大小

10.5.1 设置图片百分比

<img src="图片链接" width="50%" height="50%">

10.5.2 设置图片大小

<img src="图片链接" width="251" height="350" >

10.5.3 设置图片居中

<div align=right><img src="图片链接" width="50%" height="50%"></div>

10.6 流程图

10.6.1 横向流程图源码格式并且文件保存为mermaid格式

graph LR
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[横向流程图]

10.6.2 竖向流程图源码格式

graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]

10.6.4 标准流程图源码格式

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

10.6.5 标准流程图源码格式(横向)

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op