文章目录
一、简介
相比较world这种文档编辑器而言,Typora更适合写一些程序相关的博客,因为可以用代码+快捷键的方式,方便的对文章内容进行处理,不用在担心排版和样式变形的问题了,在编辑的过程中,就能预览到效果。
二、下载
进入Typora官网下载,点击进入。
三、常用快捷键
-
加粗:Ctrl + B
-
替换:Ctrl + H
-
撤销: Ctrl + Z
-
插入链接:Ctrl + K
-
插入图片:Ctrl + ShifIt + I
-
插代码块:Ctrl + ShifIt + K
-
显示大纲:Ctrl + ShifIt + L
-
切换源代码:Ctrl + /
四、块元素
4.1 标题级别
# 一级标题, 快捷键为 Ctrl + 1
## 二级标题,快捷键为 Ctrl + 2
###### 六级标题,快捷键为 Ctrl + 6
注意:回车下行自动排序。
4.2 引用文字
> + spacebar
引用文字效果
4.3 列表
- 无序列表实心圆: + 或 - + spacebar
- 无序列表效果1
- 无序列表效果2
- 无序列表空心圆:+ 或 - + spacebar + Tab
- 无序列表效果1
- 无序列表效果2
- 有序列表:1. + spacebar
- 有序列表效果
- 有序列表效果
注意:回车下行自动排序。
4.4 代码块
快捷键:Ctrl + ShifIt + K
语法:~ + Enter 在后面选择一个语言名称可语法高亮。
/**
* AccessDeniedException异常处理返回json 状态码:403
*
* @param exception
* @return
*/
@ExceptionHandler({ AccessDeniedException.class })
@ResponseStatus(HttpStatus.FORBIDDEN)
public Map<String, Object> badMethodExpressException(AccessDeniedException exception) {
Map<String, Object> data = new HashMap<>();
data.put("code", HttpStatus.FORBIDDEN.value());
data.put("msg", exception.getMessage());
return data;
}
4.5 数学表达式
语法:$
$
+ Enter
效果:
e
i
π
+
1
=
0
e^{i\pi} + 1 = 0
eiπ+1=0
4.6 表格
语法:| 1 | 2 |
+ Enter,即可将创建一个两行两列的表,表格左上右上角有扩展功能。
注意:插入表格需要顶头写,不然显示不出来。
效果:
标题1 | 标题2 |
---|---|
标题1 | 标题2 |
4.7 目录
语法:[toc] + Enter标题内容自动更新。
效果请看top中的目录
4.8 代码标记
快捷键:Ctrl + Alt + `
语法:双`引起来。
效果:java
5、链接
跨度元素即图片,网址,视频等,在Typora中输入后,会立即载入并呈现。
5.1 超链接
快捷键:Ctrl + K
这是一个带有标题属性的链接:[链接说明](http://example.com/ "标题")
效果: 链接说明
这是一个没有标题属性的链接:[链接说明](http://example.net/)
效果:链接说明
5.2 图片
快捷键:Ctrl + ShifIt + L
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ItRP7fDt-1631953460739)(/path/to/img.jpg)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WaUP6DNO-1631953460744)(/path/to/img.jpg “图片标题”)]
5.3 视频
这是一个视频:<video src="xxx.mp4" />
效果:
六、文字符号
6.1 倾斜
快捷键:Ctrl + I
语法:*
内容 *
效果:文字倾斜啦!
6.2 加粗
快捷键:Ctrl + B
语法:**
内容 **
效果:文字加粗啦!
6.3 删除线
快捷键:ShifIt + Alt + 5
语法:~~
内容~~
效果:被删除啦!
6.4 下划线
快捷键:Ctrl + U
语法:<u>
内容</u>
效果:下划线
6.5 分隔线
语法:***
或 ---
+ Enter
效果:
被分隔啦!
6.6 表情符号
typora 会在你键入 : 的时候根据你输入的单词匹配表情。
输入::happy:
、:cry:
、:smile:
等等就能获得相应的表情。
效果::happy: 🤒
6.7 上下标,高亮显示
注意:需要在设置中打开
上标:X2 方法:字母+^+数字+^
X2
下标:H2O 方法:字母+~字母~+字母
H20
高亮:高亮 方法:==文字==
文字
6.8 脚注
- 脚注:
[^1]
- 注释内容:
[^1]:
效果:
脚注1
七、支持的HTML元素
7.1 文本居中
语法:<center>
内容 </center>
效果:
7.2 快捷键显示
语法:<kbd>
内容 </kbd>
效果:快捷键显示
7.3 加粗
语法:<b>
加粗</b>
效果:加粗
7.4 倾斜
语法:<i>
倾斜 </i>
效果: 倾斜
7.5 上下游
语法:<sup>
123hi你好</sup>
语法:<sub>
321hi你好</sub>
效果:上游/下游
www.xxx.com ↩︎