Typora基本使用&Markdown基本语法(从入门到精通,精炼且详细)

本文介绍了Typora这款Markdown编辑器,它支持即时渲染,使用GitHub Flavored Markdown。还详细阐述了Typora的基本技巧,包括常用快捷键、菜单、区域元素、段落、标题、字体、代码、数学式等内容,同时提及图片使用需上传至图床。

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

一、Typora基本语法指南

Typora简介

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

Typora基本技巧

常用快捷键

  • 加粗: Ctrl + B
  • 撤销: Ctrl + Z
  • 字体倾斜 :Ctrl+I
  • 下划线:Ctrl+U
  • 多级标题: Ctrl + 1~6
  • 有序列表:Ctrl + Shift + [
  • 无序列表:Ctrl + Shift + ]
  • 降级快捷键 :Tab
  • 升级快捷键:Shift + Tab
  • 插入链接: Ctrl + K
  • 插入公式: Ctrl + Shift + M
  • 行内代码: Ctrl + Shift + K
  • 插入图片: Ctrl + Shift + I
  • 返回Typora顶部:Ctrl+Home
  • 返回Typora底部 :Ctrl+End
  • 创建表格 :Ctrl+T
  • 选中某句话 :Ctrl+L
  • 选中某个单词 :Ctrl+D
  • 选中相同格式的文字 :Ctrl+E
  • 搜索: Ctrl+F
  • 搜索并替换 :Ctrl+H
  • 删除线 :Alt+Shift+5
  • 引用 :Ctrl+Shift+Q
  • 生成目录:[TOC]+Enter

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

菜单

输入[TOC]即可产生菜单,菜单会自动更新

区域元素

YAML FONT Matters

在文章的最上方输入—,按换行键产生,然后在里面输入内容即可。

段落

按换行键[Enter]建立新的一行,按Shift+Enter可以创建一个比段落间距更小的行间距。可在行尾插入打断线,禁止向后插入

打断线<br/>后面的内容将自动换行

标题

开头#的个数表示,空格+文字。标题有1~6个级别,#表示开始,按换行键结束

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

字体

斜体

以**或__括住

*这是斜体字体1*_这是斜体字体2_

这是斜体字体1
这是斜体字体2

加粗

开头**,结尾**
或者开头__,结尾__(两个短横线)。

**这是加粗字体1** __这是加粗字体2__

这是加粗字体1
这是加粗字体2

删除线

开头~~,结尾~~

~~这是错误文字~~

这是错误文字

下划线

使用HTML标签下划线

<u>下划线</u>

下划线

高亮

==内容==,需要自己在偏好设置里面打开这项功能

==高亮==

代码

行内输入代码块快捷键: Ctrl + Shift + K

  1. 开头```+语言名,开启代码块,换行键换行,光标下移键跳出
    示例:
print("hello,python!"")
  1. 用两个`在正常段落中表示代码
    例如:
Use the `printf()`function.

Use the printf()function.

数学式

打开Typora选择数学模块

  • 点击“段落”—>“公式块”
  • 快捷键Ctrl+Shift+m
  • “$$”+回车

以上三种方式都能打开数学公式的编辑栏。

示例:

输入$,然后按ESC键,之后输入Tex命令,可预览
例如:
$\lim_{x\to\infty}\exp(-x)=0$

下标使用~~括住内容。需要自己在偏好设置里面打开这项功能

H~2~O

H2O

上标

使用^括住内容。需要自己在偏好设置里面打开这项功能

y^2^=4

y2=4

表情

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

以:开始,然后输入表情的英文单词,以:结尾,将直接输入该表情.例如:
:smile
:cry
:happy

表格

开头|+列名+|+列名+|+换行键,创建一个2*2表格,Ctrl+Enter可建立新行。

示例:

|第一列|第二列|

分割线

输入 *** 或者 ---,按换行键换行,即可绘制一条水平线。

***---

上下是水平线

引用

开头>表示,空格+文字,按换行键换行,双按换行跳出

> 引注1
> ···
> 引注2
>还有一行,双按换行键跳出引注模式

示例:

引注1
···
引注2还有一行,双按换行键跳出引注模式

普通引用

空格 + 引用文字:在引用的文字前加>+空格即可,引用可以嵌套。

> 引用文本前使用 [大于号+空格]
> 这行可以不加,新起一行都要加上哦
>这是引用的内容
>>这是引用的内容

示例:

引用文本前使用 [大于号+空格]这行可以不加,新起一行都要加上哦
这是引用的内容
这是引用的内容

列表中使用

* 第一项   
> 引用1    
> 引用2
* 第二项

示例:

  • 第一项

引用1引用2

  • 第二项

引用里嵌套引用

> 最外层引用
> > 多一个 
> 嵌套一层引用
> > > 可以嵌套很多层

引用里嵌套列表

> - 这是引用里嵌套的一个列表
> - 还可以有子列表
>     * 子列表需要从 - 之后延后四个空格开始

引用里嵌套代码块

>     同样的,在前面加四个空格形成代码块
> ```
> 或者使用 ```形成代码块
> ```

脚注

在需要添加脚注的文字后面+[+^+序列+],注释的产生可以鼠标放置其上单击自动产生,添加信息

或人工添加+[+^+序列+]+:

脚注产生的方法[^footnote].
[^footnote]:这个就是"脚注"

脚注产生的方法1.

链接

输入网址,单击链接,展开后可编辑
ctr+单击,打开链接
例如:https://www.baidu.com

常用链接方法

文字链接 [链接名称](http://链接网址)网址链接 <http://链接网址>

示例效果:百度

超链接

格式1:用[ ]括住要超链接的内容,紧接着用( )括住超链接源+名字,超链接源后面+超链接命名
同样ctrl+单击,打开链接例如:

这是[百度](https://www.baidu.com)官网

这是百度官网

This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.

This is an example inline link.This link has no title attribute.

高级链接技巧

使用[+超链接文字+]+[+标签+],创建可定义链接
ctrl+单击,打开链接。示例1:

这是[百度][id]:https://www.baidu.com

这是[百度][id]:https://www.baidu.com

这个链接用 1 作为网址变量 [Google][1].
这个链接用 yahoo 作为网址变量 [Yahoo!][yahoo].
然后在文档的结尾为变量赋值(网址)  
[1]: http://www.google.com/  
[yahoo]: http://www.yahoo.com/

URLs

用<>括住url,可手动设置url对于标准URLs,可自动识别

<www.baidu.com>

<www.baidu.com>

序列

开头*/+/- 加空格+文字,可以创建无序序列,换行键换行,删除键+shift+tab跳出
开头1.加空格+后接文字,可以创建有序序列例:

  • 第一个无序序列
  • 第二个无序序列
  • ······
  1. 第一个有序序列
  2. 第二个有序序列
  3. ······

可选序列

开头序列+空格+[ ]+空格+文字,换行键换行,删除键+shift+tab跳出例如:

- [ ] 第一个可选序列
- [ ] 第二个可选序列
- [ ] 第三个可选序列
- [x] 第四个可选序列
  • 第一个可选序列
  • 第二个可选序列
  • 第三个可选序列
  • 第四个可选序列
    总结:先输入减号,然后输入空格,之后就变成了黑色圆点,在输入[],在中间加个空格,回车就可以注:任务列表无快捷键,可以点击菜单栏段落,任务列表。

图片

Typora文本文档中有使用图片内容,如果需要发布在各个兼容Markdown的软件平台,需要预先上传文档中的图片至图床,再通过对图床的图片链接调用,才能正常显示,否则各个平台将无法看到该文档图片。
免费图床网址:https://sm.ms/图床设置:[Typora图床自动上传图片设置篇]

  1. 手动添加:跟链接的方法区别在于前面加了个感叹号 !,这样是不是觉得好记多了呢?
![图片名称](http://图片网址)
  1. 当然,你也可以像网址那样对图片网址使用变量
这个链接用 1 作为网址变量 [Google][1].
然后在文档的结尾位变量赋值(网址) 

[1]: http://www.google.com/logo.png
  1. 除了以上2种方式之外,还可以直接将图片拖拽进来,自动生成链接。
![显示的文字](C:\Users\Hider\Desktop\echart.png "图片标题")
![显示的文字](C:\Users\Hider\Desktop\echart.png)

  1. 这个就是"脚注"链接 ↩︎

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 | 搜索并替换 | | Alt+Shift+5 | 删除线 | Ctrl+Shift+I | 插入图片 | 注:一些实体符号在使用之后要加空格,还有一些实体符号需要在实体符号之前加”\”才能够显示。如有错误,还挺谅解。 tyopra下载链接:https://www.typora.io/ 参考链接1:[Typora入门(中文版)](https://www.simon96.online/2018/10/18/Typora入门(中文版)/) 参考链接2:[Typora](
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值