typora使用入门以及markdown常用语法-干货!!!

本文详细介绍如何在Typora中创建专业级文档,包括使用内容目录、大纲视图,创建标题、列表、图片、超链接、代码块、引用和表格,以及设置字体样式、快捷键和背景更改。适合提升写作效率和文档美观度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

明白自己的需求

  1. 显示上的需求
    1. 内容目录
    2. 大纲视图
  2. 内容上的需求
    1. 标题
    2. 列表
    3. 图片
    4. 超链接
    5. 代码块
    6. 引用
    7. 表格
    8. 水平分割线
    9. 任务列表
    10. 转义字符
  3. 格式上的需求
    1. 设置字体
    2. 设置字体颜色和大小
    3. 设置背景色
    4. 高亮
    5. 加粗
    6. 斜体
    7. 下划线
    8. 代码格式
    9. 文本对齐方式
  4. 快捷键

显示上的需求

1内容目录

[toc] 然后回车即可

2大纲视图

typora的菜单栏:视图->大纲

打开/关闭大纲的快捷键:Ctrl+Shift+1

内容上的需求

1标题

语法:
#一级标题
##二级标题
...
######六级标题

2列表

语法:
**有序列表:**
输入1. 然后空格

**无序列表:**
输入- 然后空格

注意:
列表可嵌套。

3图片

语法:
![图片名称](图片路径)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LQZkWrWw-1611238849644)(https://i.picsum.photos/id/1050/6000/4000.jpg?hmac=HhCXFcOrIrNguK7GqP6VhICXPa5FmcLZdug505qiEZM)]

4超链接

语法1:<链接地址>
语法2:[链接描述](链接地址 "title属性值")
		注:title的作用是鼠标悬停时显示。链接地址和title之间要空格,可以不要title。
		
比如:
<https://picsum.photos/images#2>

[图片素材来源](https://picsum.photos/images#2 "title显示")

https://picsum.photos/images#2

图片素材来源

Ctrl+鼠标点击链接即可直接访问。

5代码块

```然后输入语言 再回车。
`是英文符号,在ESC键下发。

比如:
```java

6引用

> 然后空格

这是一个引用。

7表格

|表头1|表头2|表头3| 然后回车
表头1表头2表头3

8水平分割线

--- 然后回车

9任务列表

-空格[空格]空格。

比如:
- [ ] 中国
- [ ] 美国
	- [ ] 二级
		- [ ] 三级

示例:

  • 中国
  • 美国
    • 二级
      • 三级

10转义字符

在需要转义的符号前加\。

比如:
*粗体*
\*粗体*

粗体
*粗体*

格式上的需求

1设置字体

font标签的face属性。
比如:
<font face="verdana">verdana</font>
<font face="宋体">宋体</font>
<font face="黑体">黑体</font>
<font face="华文行楷">华文行楷</font>

verdana

宋体

黑体

华文行楷

字体集

2设置字体颜色和大小

颜色是font标签的color属性。
    比如:
    这是<font color="red">红色</font>
    这是<font color="blue">蓝色</font>
    这是<font color="FF3399">洋红色</font>
    这是<font color="9900FF">紫色</font>

大小是font标签的size属性。
	比如:
    <font size="1">小一点</font>
    <font size="2">小一点</font>
    <font size="3">小一点</font>
    <font size="4">小一点</font>

字体颜色示例:

  • 这是红色
  • 这是蓝色
  • 这是洋红色
  • 这是紫色

颜色表

字体大小示例:

  • 小一点

  • 小一点

  • 小一点

  • 小一点

3设置背景色

利用td标签,bgcolor设置背景色;align设置文本对齐方式
<table><tr><td bgcolor="yellow" align="center"><font color="blue">背景色为黄色</font></td></tr></table>
背景色为黄色

4高亮

==我是高亮==

我是高亮

5加粗

**加粗**

加粗

6斜体

*斜体*
***斜体加粗***
==***高亮且加粗且倾斜***==

斜体
斜体加粗

高亮且加粗且倾斜

7下划线

<u>下划线</u>

下划线

8代码格式

需求:一段文本中的一部分需要代码格式显示。

`代码格式显示文本`

示例:
Java随机生成0~9的方式为`(int)(Math.random()*10)`

Java随机生成0~9的方式为(int)(Math.random()*10)

9文本对齐方式

<center>我要居中对齐</center>
<p align="left">我要左对齐</p>
<p align="right">我要右对齐</p>

示例:

我要居中对齐

我要左对齐

我要右对齐

Typora的快捷键

快捷键作用备注
Ctrl + 1或2,3,4,5,6一级标题 到 六级标题
Ctrl + Shift + [ 或 ]有序/无序列表
Ctrl + Shift + I插入图片
Ctrl + K插入超链接
Ctrl + Shift + K插入代码块注意热键冲突,比如搜狗输入法的软键盘
Ctrl + Shift + Q插入引用
Ctrl + T插入表格
Ctrl + 上下左右箭头上下移动表格的行;左右移动表格的列属于表格的快捷键
Ctrl + Enter下方插入行属于表格的快捷键
Ctrl + Shift + 退格删除该行属于表格的快捷键
Ctrl + B加粗
Ctrl + I斜体
Ctrl + U下划线
Ctrl + Shift + `代码格式
Ctrl + H搜索并替换
Ctrl + L选中某句话
Ctrl + D选中某个单词
Ctrl + /打开/关闭源代码模式
Ctrl + Shift + 1打开/关闭大纲视图
Ctrl + Shift + L隐藏/显示侧边栏

Typora背景更改

typora背景更改教程

注意的问题

  • typora编辑器支持html标签,可以利用html+css排版
  • typora编辑器有偏好设置:文件->偏好设置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值