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

引用文字

> + 空格 + 引用文字

无序列表

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

  • AAA
  • BBB
  • CCC

有序列表

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

  1. AAA
  2. BBB
  3. CCC

任务列表

\ -[ ] 不勾选
\ -[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弹出对话框。

idnumber
  
  • 不管是哪种方式,第一行为表头,第二行为分割表头和主体部分,第三行开始每一行为一个表格行

  • 列与列之间用管道符号| 隔开

  • 还可设置对齐方式(表头与内容之间),如果不使用对齐标记,内容默认左对齐,表头居中对齐

    • 左对齐 :|
    • 右对齐 |:
    • 中对齐 :|:
  • 为了美观,可以使用空格对齐不同行的单元格,并在左右两侧都使用 | 来标记单元格边界

  • 为了使 Markdown 更清晰,| 和 - 两侧需要至少有一个空格(最左侧和最右侧的 | 外就不需要了)。

脚注

这个例子的脚注为[1]

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

分割线

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


目录(TOC)

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

跨度元素

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

链接

内部链接

这是一个带有标题属性的 [链接](http://example.com/ "标题")
这是一个没有标题属性的 [链接](http://example.net/)

链接

链接

参考链接

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

网址

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

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

www.baidu.com

图片

![显示的文字](C:\Users\Hider\Desktop\echart.png "图片标题")

![显示的文字](C:\Users\Hider\Desktop\echart.png)

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

视频

<video id="video" controls="" preload="none">
    <source id="mp4" src="localpath/filename.mp4" type="video/mp4">
</video>

斜体

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

斜体

加粗

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

加粗

加粗斜体

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

加粗斜体

代码标记

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

使用该 printf()功能

删除线

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

删除线

下划线

\下划线 -- 无法执行

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

通过<u>下划线的内容</u> 或者 快捷键Ctrl + U可实现下划线

下划线的内容

表情符号

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

:smile -- 无法显示

😺

下标

可以使用 <sub>文本</sub>实现下标。

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

H2O

H2O

上标

可以使用<sup>文本</sup>实现上标。

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

X2

X2

高亮

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

我是最重要的

文本居中

使用 <center>这是要居中的内容</center>可以使文本居中

这是要居中的文本内容

换行符

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

或者可以使用<br/>实现换行。

转义

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

文本加粗
** 正常显示星号 **

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

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

HTML

支持HTML

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

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 ,如:

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

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

嵌入内容

视频

总结

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

参考链接1:Typora入门(中文版)

参考链接2:Typora

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

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

参考链接5:Markdown语法小结

参考链接6:Runoob:Markdown教程

Typora是一款适合写一些程序相关的博客,因为可以用代码+快捷键的方式,方便的对文章内容进行处理,不用在担心排版和样式变形的问题了,在编辑的过程中,就能预览到效果,看到这篇文章,能让在短时间内适应Typroa的使用,一起了解一下吧! Typora介绍:Typora是一款适合写一些程序相关的博客,因为可以用代码+快捷键的方式,方便的对文章内容进行处理,不用在担心排版和样式变形的问题了,在编辑的过程中,就能预览到效果,看到这篇文章,能让在短时间内适应Typroa的使用,一起了解一下吧! ## 1标题设置 “#” + “空格” +“标题” {^"#"的个数表明几级标题} #一级标题 ##二级标题 ###三级标题 **6个#就是六级标题** 或ctrl+“数字键”{^数字是几即标题几级} Ctrl+1 一级标题 Ctrl+2 二级标题 Ctrl+3 三级标题 Ctrl加数字6就是六级标题 # 2序列 ## 2.1有序序列 “1.” + “空格” +“文字内容” 有序序列 按下换行键,第二行的排头自动出现 双击换行键,可退出序列 ## 2.2创建无序序列 “*“或”+“或”-” + “空格” + “文字内容” 无序序列 按下换行键,自动出现 双击换行键,可退出序列 ## 2.3创建可选序列 “*“或”+“或”-” + “空格” +[ ] + “空格” + “文字”{^注意,中括号内,有空格} # 3代码块 “~~~” + 使用语言的名字 ![2020-5-18 19-59-45](C:\Users\Tao\Desktop\CSDN\照片\2020-5-18 19-59-45.jpg) # 4引注 “>” + “空格”+“引注内容” # 5表格 Ctrl + T 就可以出现表格,可以一有的选择行数,也可以的选择字体位置 ![2](C:\Users\Tao\Desktop\CSDN\照片\2.jpg) # 6数字块 “$$” + “enter”就会出现输入区域($符号为英文模式下shift+4) ![3](C:\Users\Tao\Desktop\CSDN\照片\3.jpg) # 7水平线 “***“或”—” + “换行键” 效果如下 # 8脚注 { "^" + “ 注释内容 ” } # 9删除线 \~\~删除线的内容\~\~ 效果:~~删除内容~~ # 10字体加粗 使用 两个星号 或者 两个下划线 可以字体加粗,快捷键 Ctrl + B 11字体倾斜 使用 单个星号 或者 单下划线 可以倾斜字体。快捷键 Ctrl + I # 12图片的插入 {显示的文字](C:\Users\Hider\Desktop\echart.png "图片标题") {显示的文字](C:\Users\Hider\Desktop\echart.png) 还可以直接将图片拖拽进来,自动生成链接 # 13URL Typora允许用, 把URL作为链接插入。 Typora还会自动链接标准网址。 www.baidu.com ## 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 |
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页