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. 创建有序列表
- AAA
- BBB
- 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 -- 无法显示
Typora入门:全网最全教程的更多相关文章
- Fiddler抓包工具-全网最全教程,没有之一
初识Fiddler fiddler,译为骗子 是位于客户端.服务器端的HTTP代理,是Web调试的利器. 是c#编写的程序 Fiddler主要功能: 监控http.https流量 查看.分析请求内容细 ...
- 全网最全ASP.NET MVC 教程汇总
全网最全ASP.NET MVC 教程汇总 MVC架构已深得人心,微软也不甘落后,推出了Asp.net MVC.小编特意整理博客园乃至整个网络最具价值的MVC技术原创文章,为想要学习ASP.NET MV ...
- 自学MVC看这里——全网最全ASP.NET MVC 教程汇总(转)
自学MVC看这里——全网最全ASP.NET MVC 教程汇总 MVC架构已深得人心,微软也不甘落后,推出了Asp.net MVC.小编特意整理博客园乃至整个网络最具价值的MVC技术原创文章,为想要 ...
- 自学MVC看这里——全网最全ASP.NET MVC 教程汇总【转】
自学MVC看这里——全网最全ASP.NET MVC 教程汇总 http://www.cnblogs.com/powertoolsteam/archive/2015/08/13/4667892.html ...
- 【全网最全的博客美化系列教程】08.自定义地址栏Logo
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】01.添加Github项目链接
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】02.添加QQ交谈链接
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- (zhuan) 深度学习全网最全学习资料汇总之模型介绍篇
This blog from : http://weibo.com/ttarticle/p/show?id=2309351000224077630868614681&u=5070353058& ...
- 整理全网最全K8S集群管理工具、平台
整理常见的整理全网最全K8S集群管理工具.平台解决方案. 1 Rancher Rancher中文官网:https://docs.rancher.cn/ 2 KubeSphere 官网:https:// ...
随机推荐
- 一个简易的PHP读取CSV文件的方法
1. 思路:先打开文件,读取出文件有多少行,然后逐行读取数据放入一个数组中 public function read_csv_lines($csv_file = '', $lines = 0, $of ...
- lsnrctl: .... cannot restore segment prot after reloc: Permission denied
cannot restore segment prot after reloc: Permission denied Table of Contents 1. 错误信息 2. 解决方法 1 错误信息 ...
- Django之通用视图
01-介绍 通用视图把视图开发中常用的写法和模式抽象出来,让你编写少量代码就能快速实现常见的数据视图.显示对象列表就是这样一种任务. Django 自带的通用视图能实现下述功能: 1.列出对象并显示单 ...
- 语法错误 : 缺少“;”(在“<”的前面)
该错误有可能是由错误所指行“<”附近的某个类型忘记#include <>所造成的
- HTTP请求协议中请求报文(Request Headers)跟响应报文(Response Headers)的简单理解
背景 今儿个一新来的应届生问我,开发模式中所看到的web请求的请求头里的属性怎么理解,我便根据自己的经验随便拉开一个请求跟他聊了起来,顺便自己记录下文字版,以后再有交流直接发地址给他就好了,嘻嘻,机智 ...
- python之scrapy的debug、shell、settings、pipelines
1.debug了解 2.scrapy shell了解 Scrapy shell是一个交互终端,我们可以在未启动spider的情况下尝试及调试代码,也可以用来测试XPath表达式 使用方法: scrap ...
- Spring配置文件里加载路径中的通配符
?代表匹配任意一个字符 *代表匹配0个或多个任意字符 **/匹配任意多个目录 classpath:app-Beans.xml 查找app-Beans.xm ...
- [hibernate]save()与persist()区别
Hibernate 之所以提供与save()功能几乎完全类似的persist()方法,一方面是为了照顾JPA的用法习惯.另一方面,save()和 persist()方法还有一个区别:使用 save() ...
- 关于 /proc/sys/net/ipv4/下 文件的详细解释
关于 /proc/sys/net/ipv4/下 文件的详细解释: 1) /proc/sys/net/ipv4/ip_forward 该文件表示是否打开IP转发. 0,禁止 1,转 ...
- java数据结构之LinkedList
一.LinkedList源码注释 //LinkedList源码 jdk版本1.8.0_121 public class LinkedList<E> extends AbstractSequ ...