Typora：简介和常用功能集锦，窗口置顶，自定义快捷功能，粘贴图片自定义保存位置

Xminyang

已于 2023-11-14 20:55:36 修改

阅读量4.5k

点赞数 5

分类专栏： Markdown 文章标签： Typora Markdown编辑器介绍和常用功能

于 2022-05-16 18:31:13 首次发布

本文链接：https://blog.csdn.net/Xminyang/article/details/124802635

版权

Markdown 专栏收录该内容

6 篇文章 2 订阅

订阅专栏

✨ Waht is Typora？A minimal markdown editor, markdown reader.

下载Typora可参考该博客：【Typora 免费Beta版本(Window+Mac+Linux),所见即所得,完美支持markdown的富文本格式,实时渲染可见及编辑的特点】

▚ 01 Typora介绍

📢 Typora是一款支持所见即所得的Markdown文本编辑器应用软件，包含有Windows、Mac OS和Linux系统平台下的3种版本。

在这里插入图片描述

▚ 02 基本功能

2.1 从Typora菜单栏选择

🍎 参考Typora的顶层菜单栏即可，比如文件、编辑、段落、格式、视图、主题、帮助。如下图所示：

2.2 字体编辑

选择Markdown扩展语法：文件->偏好设置->Markdown->Markdown扩展语法：

🍊标题：

Ctrl+0 取消标题
# 或 Ctrl+1 一级标题
## 或 Ctrl+2 二级标题
### 或 Ctrl+3 三级标题

🍊加粗：

**文字** 或 Ctrl + b

🍊斜体：

*文字* 或 Ctrl + i

🍊下划线：

<u>文字</u> 或 Ctrl + u

🍊删除线：

~~文字~~ 或 Alt + Shift + 5

🍊居中显示：

<center>文字</center>

🍊上标：

^上标内容^

🍊下标：

~下标内容~

🍊高亮显示：

==文字==

🍊脚注：

添加脚注[^locate]

[^locate]:脚注内容

插入功能

🍒代码段：

Shift + ~~~

🍒数学公式：

$$ + 回车键Enter，再书写公式

在这里插入图片描述

🍒引用：

> + 空格，再输入文字即可

🍒表格：

Ctrl + t

🍒图片：

Ctrl + Shift + i

🍒分隔符：

--- + Enter 或者 *** + Enter

🍒链接：

Ctrl + k，会出现[]()，方框内填写标题名，小括号内填写链接地址

🍒表情：

:单词:

在这里插入图片描述

[toc] + Enter

在这里插入图片描述

▚ 03 高级功能

3.1 自定义快捷键

🥝 依次打开：文件->偏好设置->打开高级设置->选择并打开“conf.user.json”，可以在keyBinding中，添加快捷键，重启Typora后即可应用新绑定的功能快捷键。本文在下图中，添加了窗口置顶功能Ctrl+Shift+P。

常用的快捷键：
- "Always On Top": “Ctrl+Shift+P” //窗口置顶
- "Highlight": “Ctrl+h” // 高亮内容
- "Code Fence": “Ctrl+Shift+Z” //代码块
- "Oedered List": “Ctrl+Alt+o” //有序列表
- "Unordered List": “Ctrl+Alt+u” //无序列表

"keyBinding"中包括多个命令时，（除最后一行外）每行末尾添加,；修改后，需重启才能生效（也即，关闭后，在打开）。

在这里插入图片描述

3.2 保存粘贴图片的自定义文件夹

首先，文件->偏好设置->图像，然后选择“复制到指定路径”，并选择自定义路径即可。

操作步骤如下截图所示：

在这里插入图片描述

3.3 修改图片默认居左/中/右

可参考：https://support.typora.io/Images/#when-insert-images。
修改配置主题的.css文件。

首先，依次选择文件->偏好设置->外观->打开主题文件夹：

然后，在常用的主题配置.css文件的末尾添加如下内容（居中）：

在这里插入图片描述

/* for editing */
p .md-image:only-child {
    display: inline-block;
    width: 100%;
}

p > .md-image:only-child:not(.md-img-error) img {
    display: block;
    margin: auto;
}

/* for exporting */
p > img:only-child {
    display: block;
    margin: auto;
}