Typora入门：全网最全教程

ZM_tisall吾欲之fuli分解

已于 2024-07-25 00:11:15 修改

阅读量1.3k

点赞数 27

文章标签：其他

于 2024-07-23 23:11:40 首次发布

本文链接：https://blog.csdn.net/weixin_37991107/article/details/140647266

版权

Typora入门：全网最全教程

== 写Mrakdown费事？Typora让你像写Word一样行云流水，所见即所得。==

简介

Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。

Typora删除了预览窗口，以及所有其他不必要的干扰。取而代之的是实时预览。
Markdown的语法因不同的解析器或编辑器而异，Typora使用的是GitHub Flavored Markdown。

Markdown介绍

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。

常用快捷键

加粗： Ctrl + B
标题： Ctrl + H
插入链接： Ctrl + K
插入代码： Ctrl + Shift + C – 无法执行
行内代码： Ctrl + Shift + K
插入图片： Ctrl + Shift + I
无序列表：Ctrl + Shift + L – 无法执行
撤销： Ctrl + Z
一级标题： Ctrl + 1 – 以此类推

Typora快捷键整合

Ctrl+1 一阶标题 Ctrl+B 字体加粗
Ctrl+2 二阶标题 Ctrl+I 字体倾斜
Ctrl+3 三阶标题 Ctrl+U 下划线
Ctrl+4 四阶标题 Ctrl+Home 返回Typora顶部
Ctrl+5 五阶标题 Ctrl+End 返回Typora底部
Ctrl+6 六阶标题 Ctrl+T 创建表格
Ctrl+L 选中某句话 Ctrl+K 创建超链接
Ctrl+D 选中某个单词 Ctrl+F 搜索
Ctrl+E 选中相同格式的文字 Ctrl+H 搜索并替换
Alt+Shift+5 删除线 Ctrl+Shift+I 插入图片
Ctrl+Shift+M 公式块 Ctrl+Shift+Q 引用

注：一些实体符号需要在实体符号之前加”\”才能够显示

块元素

换行符

在markdown中，段落由多个空格分隔。
在Typora中，只需回车即可创建新段落。

标题级别：注意# 后面有个空格

#一级标题快捷键为 Ctrl + 1
##二级标题快捷键为 Ctrl + 2
…
######六级标题快捷键为 Ctrl + 6

引用文字

> + 空格 + 引用文字

无序列表

使用 * + - 都可以创建一个无序列表

有序列表

使用 1. 2. 3. 创建有序列表

任务列表

\ -[ ] 不勾选
\ -[x] 勾选

代码块

在Typora中插入程序代码的方式有两种：使用反引号 `（反引号即左上角~ 键）、使用缩进（Tab）。

插入行内代码，即插入一个单词或者一句代码的情况，使用  **code** 这样的形式插入。

插入多行代码输入3个反引号（`） + 回车，并在后面选择一个语言名称即可实现语法高亮。

 def helloworld():
    	print("hello, world!")

数学表达式

当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。根据需要加载 Mathjax 对数学公式进行渲染。

按下 $$，然后按下回车键，即可进行数学公式的编辑。

$\mathbf{V}_1\times\mathbf{V}_2 = \mathbf{X}_3$

插入表格

输入 | 表头1 | 表头2 |并回车。即可创建一个包含2列表。快捷键 Ctrl + T弹出对话框。

id	number
aaa	bbb

不管是哪种方式，第一行为表头，第二行为分割表头和主体部分，第三行开始每一行为一个表格行
列与列之间用管道符号| 隔开
还可设置对齐方式(表头与内容之间)，如果不使用对齐标记，内容默认左对齐，表头居中对齐
- 左对齐：|
- 右对齐 |：
- 中对齐：|：
为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界
为了使 Markdown 更清晰，| 和 - 两侧需要至少有一个空格（最左侧和最右侧的 | 外就不需要了）。

脚注

这个例子的脚注为[1]。

注意：该例子脚注标识是1，脚注标识可以为字母数字下划线，但是暂不支持中文。脚注内容可为任意字符，包括中文。

分割线

输入 *** 或者 - - - 再按回车即可绘制一条水平线，如下：

目录（TOC）

输入 [ toc ] 然后回车，即可创建一个“目录”。TOC从文档中提取所有标题，其内容将自动更新。

Typora支持TOC自动生成目录，博客园不支持？

简介

Markdown介绍

常用快捷键

块元素

    换行符

    标题级别

    引用文字

    无序列表

    有序列表

    任务列表

    代码块

    数学表达式

    插入表格

    脚注

    分割线

    目录（TOC）

跨度元素

    链接

        内部链接

        参考链接

    网址

    图片

    斜体

    加粗

    加粗斜体

    代码标记

    删除线

    下划线

    表情符号

    下标

    上标

    高亮

    文本居中

    换行符

    转义

HTML

    嵌入内容

    视频

总结

跨度元素

跨度元素即图片，网址，视频等，在Typora中输入后，会立即载入并呈现。

链接

内部链接

这是一个带有标题属性的链接
这是一个没有标题属性的链接

链接

参考链接

这是一个[参考链接]id – 无法执行

网址

Typora允许用<括号括起来>, 把URL作为链接插入。

Typora还会自动链接标准网址。

www.baidu.com

图片

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

除了以上2种方式之外，还可以直接将图片拖拽进来，自动生成链接。

斜体

使用 单个星号 或者 单下划线 可以字体倾斜。快捷键 Ctrl + I

斜体

加粗

使用 两个星号 或者 两个下划线 可以字体加粗。快捷键 Ctrl + B

加粗
加粗斜体

使用加粗斜体可以加粗斜体。

加粗斜体

代码标记

标记代码使用反引号，即在英文输入法下，ESC键下面和1键左边的符号。

使用该 printf()功能

删除线

使用~~删除线~~ 快捷键 Alt + Shift + 5

删除线

下划线

\下划线 – 无法执行

参考另一篇文章，可执行。

通过**下划线的内容** 或者快捷键Ctrl + U可实现下划线

下划线的内容

表情符号

Github的Markdown语法支持添加emoji表情，输入不同的符号码（两个冒号包围的字符）可以显示出不同的表情。

:smile – 无法显示

😺

下标

可以使用 _文本实现下标。

(需在设置中打开该功能)

_H2O

H2O

上标

可以使用^文本实现上标。

(需在设置中打开该功能)

^X2

高亮

高亮(需在设置中打开该功能)

== 我是最重要的==

文本居中

使用 <center> 这是要居中的内容 </center>可以使文本居中 : 反斜杠\是转义字符，为了能显示<center>

这是要居中的文本内容

换行符

使用 : 空格 + 空格 + Enter 可以实现换行，例如：

或者可以使用
实现换行。

在typora中换行:

按enter 是换双行
按shift+enter是换单行

转义

Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：
\特殊字符

文本加粗

**正常显示星号 **

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#井字号
+   加号
-   减号
.   英文句点
!   感叹号

HTML

支持HTML

不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有： ^{_{等，如：}}

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
<kbd> </kbd> -- 白色框框

效果：使用 Ctrl+Alt+Del 重启电脑

嵌入内容

视频

总结

建议打开大纲视图 Ctrl + Shift + 1
插入表格需要顶格写，否则无法显示
语法无须刻意记忆，右键可查询

参考链接1：Typora入门（中文版）

参考链接2：Typora

参考链接3：Markdown代码块与语法高亮

参考链接4：Markdown使用-表格及其居中等格式

参考链接5：Markdown语法小结

参考链接6：Runoob：Markdown教程

这是脚注的实际内容。 ↩︎

复制Typora文件到其他地方或另一台电脑上时，图片丢失的问题

复制Typora书写笔记中内容（包含图片）到其他地方时笔记中的图片无法显示的问题（初级解决方法绝对路径—＞相对路径）

痛点：
.md中的图片总是莫名其妙地消失

解决方法：
大多数这种情况就是因为图片的路径是绝对路径
而不是相对路径
就比如说下图这种图片
我一旦将整篇文章放到github上
这张图片会因为路径错误而无法读取
在这里插入图片描述
而为了能让我们的.md文件（包含在我们上传的文件夹内）在github中可以被其他爱好者下载整个文件夹然后阅读到
我们应该修改文件的绝对路径——变成相对路径
而为了让Typora记住我们这个喜好
我们进行设置
在这里插入图片描述

设置完毕后
我们每次向.md文档中拖入一张图片就会生成一个与.md文件同名的文件夹储存好这些图片并且图片的路径为相对路径咯！
接下来只需要记得在上传至github时将这个asset文件夹打包一起上传
就能保证我们的图片可以被所有人看到咯！
在这里插入图片描述

当然
为了让全网所有爱好者都能看到我们的图片
拥有自己的服务器然后将图片上传到服务器中是最好的选择
但是
咱们通常就是做个笔记嘛
【1】如果只是为了保证上传至github之后其他人可以通过下载整个文件夹的方式，看到自己的.md文件
【2】并且在文件夹“搬家”到电脑其他位置时自己看笔记的时候图片可以正常显示
那么这么操作
准没错~
————————————————

解决Typora文件夹中的.md文件到另一台笔记本图片丢失问题

我们第一次使用Typora的时候难免是没有设置图片保存路径的，所以在我们记笔记插入图片的时候，如果是自己截的图就会默认保存到c盘Typora软件自建的某目录，如果是从网络上复制的图片贴到笔记中，则没有存在笔记本上，而是存的网络图片的地址。

所以在更换电脑，只转移.md文件的话，图片是显示不了的（因为新笔记本没有存这些图片，而且就算你把就电脑的图片文件夹复制过来了，也因为.md文件中图片的地址不一致而无法显示）

如果遇到这种问题的朋友们，解决办法也很简单：

第一步：文件—偏好设置
在这里插入图片描述
第二步：点图像，按照如下进行修改
第三步：找到自己该文件夹下的随便一个.md文件，右键图片，可以复制到images文件夹了，这样地址存的是相对路径，且该路径下复制了之前的图片，转移的时候只需要把.md文件夹复制就行了（因为通常我们会把images文件夹放到.md文件夹里面）
在这里插入图片描述

原文链接：https://blog.csdn.net/m0_57545353/article/details/127024300

Typora设置（中文字体、颜色、行距、内边距等）换行

typora中的样式都是css控制的

文件 --> 偏好设置 --> 外观 --> 打开主题文件夹 —> 找到相应的主题样式文件
    打开当前所使用的主题的css文件进行修改即可

在这里插入图片描述

    比如要修改标题h2的行间距
        1.当前使用的night主题就 打开night.css
        2.找到h2选择器，修改下面的line-height属性值即可

在这里插入图片描述

在typora中换行:

按enter 是换双行
按shift+enter是换单行
————————————————
版权声明：本文为CSDN博主「酸菜鱼爱吃柠檬」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43163869/article/details/102661081