Typora入门:全网最全教程

目录

  • 简介
  • Markdown介绍
  • 常用快捷键
  • 块元素
    • 换行符
    • 标题级别
    • 引用文字
    • 无序列表
    • 有序列表
    • 任务列表
    • 代码块
    • 数学表达式
    • 插入表格
    • 脚注
    • 分割线
    • 目录(TOC)
  • 跨度元素
    • 链接
    • 网址
    • 图片
    • 斜体
    • 加粗
    • 加粗斜体
    • 代码标记
    • 删除线
    • 下划线
    • 表情符号
    • 下标
    • 上标
    • 高亮
    • 文本居中
    • 转义
  • HTML
    • 嵌入内容
    • 视频
  • 总结

写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弹出对话框。

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

脚注

这个例子的脚注为1

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

分割线

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


目录(TOC)

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

Typora支持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种方式之外,还可以直接将图片拖拽进来,自动生成链接。

斜体

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

斜体

加粗

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

加粗

加粗斜体

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

加粗斜体

代码标记

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

使用该 printf()功能

删除线

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

删除线

下划线

\下划线 -- 无法执行

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

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

下划线的内容

表情符号

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

:smile -- 无法显示

??

下标

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

H~2~O

上标

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

X^2^

高亮

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

==我是最重要的==

文本居中

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

这是要居中的文本内容

转义

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教程


  1. 这是脚注的实际内容。?

原文地址:https://www.cnblogs.com/hider/p/11614688.html

时间: 2024-09-29 21:47:40

Typora入门:全网最全教程的相关文章

全网最全ASP.NET MVC 教程汇总

全网最全ASP.NET MVC 教程汇总 MVC架构已深得人心,微软也不甘落后,推出了Asp.net MVC.小编特意整理博客园乃至整个网络最具价值的MVC技术原创文章,为想要学习ASP.NET MVC技术的学习者提供一个整合学习入口.本文从Why,What,How三个角度整理MVC 的学习资源,让学习者第一时间找到最有价值的文章,获取最彻底的ASp.NET MVC 框架知识,Let’s go! 1. Why :为什么需要ASP.NET MVC 本章主要为大家汇总了为什么学习Asp.net MV

自学MVC看这里——全网最全ASP.NET MVC 教程汇总(转)

自学MVC看这里——全网最全ASP.NET MVC 教程汇总 MVC架构已深得人心,微软也不甘落后,推出了Asp.net MVC.小编特意整理博客园乃至整个网络最具价值的MVC技术原创文章,为想要学习ASP.NET MVC技术的学习者提供一个整合学习入口.本文从Why,What,How三个角度整理MVC 的学习资源,让学习者第一时间找到最有价值的文章,获取最彻底的ASp.NET MVC 框架知识,Let’s go! 1. Why :为什么需要ASP.NET MVC 本章主要为大家汇总了为什么学习

【全网最全的博客美化系列教程】文章总目录

前言 很多热心的园友叫我出一部博客美化系列的教程,都觉得我博客做的很漂亮?之前我也有写过博客美化教程,不过好像一篇文章的篇幅有点过长了,为了方便园友的查看,我决定重新出一套博客美化教程,把原有的功能进行细化,每种功能单独以一篇文章的形式发表,在保留原有功能的基础上,会持续更新探索一些好玩好看的新功能,供园友们学习.既然是园友们提出的想法,我也不能辜负你们的期望啊,喜欢的园友记得点赞收藏加关注哦~~~ 一枚即将步入大三的学生党也是时候需要考虑一下自己的未来了,毕竟学习的时间不多了.我也很久没有更新

【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现

全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义

【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现

全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义

【全网最全的博客美化系列教程】07.添加一个分享的按钮吧

全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义

Ubuntu 搭建Web服务器(MySQL+PHP+Apache)详细教程 (全网最全)

Ubuntu 搭建Web服务器(MySQL+PHP+Apache)详细教程 (全网最全) 看了好多人的博客,有的不全 or 有问题,整理了一下,适合小白 新手先整理几个小问题 1.为啥使用 Linux 搭建服务器? 一个是因为主流的云服务器太贵,买个低配的容易崩,听说 Linux 比较稳定,之后 2.PHP 和 Apache 啥关系? 一说到 php, ?很多人会本能地想到 apache, 其 php 和 apache 没有半毛钱的关系 php 是语言, 而apache是web服务器 3.Wha

编程入门:C语言基础知识全网超全不用到处找了!(文末附清单)

你背或者不背,干货就在那里,不悲不喜 你学或者不学,编程就在那里,不来不去 听到这话的你是否略感扎心? 编程入门:C语言基础知识全网超全不用到处找了!(文末附清单)01基础知识 计算机系统的主要技术指标与系统配置. 计算机系统.硬件.软件及其相互关系. 微机硬件系统的基本组成. 包括:中央处理器(运算器与控制器),内存储器(RAM与ROM),外存储器(硬盘.软盘与光盘),输入设备(键盘与鼠标)输出设备(显示器与打印机).如果大家如果在自学遇到困难,想找一个C++的学习环境,可以加入我们的C++学

纯手写wcf代码,wcf入门,wcf基础教程

<pre name="code" class="cpp">/* 中颖EEPROM,使用比较方便,但有个注意点,就是每次无论你写入 什么数据或者在哪个地址写数据,都需要将对 对应的块擦除,擦 除后才能写入成功. */ #define SSPWriteFlag 0x5A #define SSPEraseFlag 0xA5 //数据区 扇形区1 #define ADDR_START1 (uint16)0x100 //数据存储区起始地址 #define ADDR