Typora小白完全使用教程

Typora小白使用指南

目录
Typora小白使用指南
Typora官网
Typora基本语法指南
Typora简介
Markdown介绍
Typora基本技巧
常用快捷键
菜单
区域元素
段落
标题
字体
代码
数学式
表情
表格
分割线
引用
脚注
链接
URLs
序列
图片
Typora图床设置篇章

Typora官网

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基本技巧[^xr1]

常用快捷键

  • 加粗: 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>

<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$

\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)官网

这是 百度官网
格式2:超链接 title可加可不加

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][id]:https://www.baidu.com 

这是百度
示例2:

这个链接用 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)

Typora图床设置篇章

Typora文本文档中有使用图片内容,如果需要发布在各个兼容Markdown的软件平台,需要预先上传文档中的图片至图床,再通过对图床的图片链接调用,才能正常显示,否则各个平台将无法看到该文档图片。

图床意义:就是专门用来存放图片,同时允许你把图片对外连接的网上空间,不少图床都是免费的。

图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具。

Typroa文件偏好属性>上传服务设定>选择PicGo-Core(command line>选择下载更新如图一

图一

图二为更新下载完成状态

图二

图三打开配置文件后的文件config.json


图三

图四为图床网站,自己注册新的账号


图四

如图图五找到账号中相应的token,若没有,生成即可
图五

按照图六格式添加相应的内容代码后保存
图六

回到偏好设置如图一中的验证图片上传选项功能,若出现图七提示,说明,图床自动上传功能设置成功。


图七

​ -END-
  1. 这个就是脚注

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342