Typora使用与Markdown语法详细教程

news2024/10/2 7:04:49

在这里插入图片描述

Typora

基本介绍

Typora 是一款由 Abner Lee 开发的轻量级 Markdown 编辑器。Markdown 是一种 轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档。

安装

下载地址:https://typora.io/releases/all,下载安装即可。

image-20240930191410464

功能介绍

打开Typora后,会显示空白的编辑页,左上角会显示7个菜单入口,简单认识下常用的功能。

菜单入口主要功能常用选项
文件主要管理Typora文章展示、软件设置、文件打开、导出。新建窗口、打开文件夹、导出、偏好设置。
编辑主要管理Typora文章内容编辑,对文本进行操作。复制、粘贴(基本不常用,日常用快捷键替代)、拼写检查。
段落【重要】主要管理Typora文章格式,引用一些代码框、表格、列表等。标题、表格、、公式块、代码块、多种列表、链接引用、脚注、水平分割线。
格式【重要】主要管理Typora文章文本进行格式调整。加粗、斜体、公式、高亮、上下标、注释、超链接、图像。
视图主要管理Typora界面显示大纲、文件树、源代码模式、放大缩小。
主题主要管理Typora软件主题Github(默认)、Night(深色)
帮助主要用来了解Typora软件检查更新、我的许可证(正版需要购买激活)

image-20240930003524359

Markdown 语法

块元素

标题

标题在行的开头使用1-6个#字符,对应于标题级别1-6。在Typora中输入# 标题内容即可创建标题。注意:#与标题内容之间有个空格。

快捷键:Ctrl+1Ctrl+2Ctrl+3Ctrl+4Ctrl+5Ctrl+6;Ctrl+1-6 对应标题级别1-6。

## Markdown语法基础部分
### 块元素
#### 标题
引用

引用在行的开头使用>字符进行块引用。在Typora中输入>引用内容即可生成块引用。块引用中继续输入>引用内容,可以内嵌块引用。

快捷键:Ctrl+Shift+Q

>引用内容
>>内嵌引用

引用内容

内嵌引用

列表
有序列表

有序列表在行的开头输入数字. 列表内容可以创建有序列表,再按回车即可自动生成数字+1. 的有序列表,即1. 列表内容回车后生成2. 列表内容。注意:.与列表内容之间有个空格。

快捷键:Ctrl+Shift+[

1. 第一个列表
2. 第二个列表
  1. 第一个列表
  2. 第二个列表
无序列表

无序列表在行的开头输入- 列表内容可以创建无序列表,再按回车即可自动生成下个无序列表。注意:-与列表内容之间有个空格。

快捷键:Ctrl+Shift+]

- 第一个列表
- 第二个列表
  • 第一个列表
  • 第二个列表
任务列表

任务列表在行的开头输入- [ ] 列表内容- [x] 列表内容可以创建未完成与已完成的任务列表。注意:- [ ] 与列表内容之间有个空格。

快捷键:Ctrl+Shift+X

- [ ] 未完成
- [x] 已完成
  • 未完成
  • 已完成
代码块

代码块在行的开头输入````语言标识符`,再按回车即可生成对应语言的代码块,包含语法高亮功能。

快捷键:Ctrl+Shift+K+ 对应的代码格式(python、java、shell)。

```python
print('hello world')
print('hello world')
数学公式块

数学公式块在行的开头输入$$ + 回车键,即可生成接受Tex/Latex源代码输入的区域。LaTex格式的数学表达式学习请参考LaTex/数学。

快捷键:Ctrl+Shift+M

$$
\lim\limits_{x \to \infty} \exp(-x) = 0
$$

lim ⁡ x → ∞ exp ⁡ ( − x ) = 0 \lim\limits_{x \to \infty} \exp(-x) = 0 xlimexp(x)=0

表格

表格推荐直接使用快捷键Ctrl+T,可以自定义生成几行几列的表格,

快捷键:Ctrl+T

image-20240930193512635

脚注1

脚注在行的开头输入[^标注符号]:描述内容即可创建脚注,脚注位于页面底部。在引用脚注的地方使用[^标注符号]即可。点击脚注可以实现脚注查看与回到文档。

快捷键:鼠标右键->插入->脚注

在脚注标题添加脚注:
[^1]
文章末尾:
[^1]:[Typora的Markdown语法](https://support.typoraio.cn/zh/Markdown-Reference/)
水平分割线

水平线在行的开头输入--- + 回车键即可生成水平线。

---

YAML Front Matter

YAML Front Matter 在文章顶部输入---+回车键,即可添加元数据。

快捷键:鼠标右键->插入->YAML Front Matter

   ---
   title: Typora使用教程
   author: qingxuly
   date: 2024-09-30
   tags: [Typora, Markdown]
   ---
内容目录

目录在行的开头输入[toc]+回车,即可生成文章目录,自动更新。

快捷键:鼠标右键->插入->内容目录

图表23

Typora 支持, sequence, flowchart and mermaid, 使用前要先从偏好设置—>Markdown—>面板—>Markdown扩展语法中,勾选图表选项来启用该功能。

快捷键:Ctrl+Shift+K + 对应的图表格式(如:sequence、flow、mermaid)。

序列图
```mermaid
sequenceDiagram
Andrew->>China: Says Hello
Note right of China: China thinks\nabout it
China-->>Andrew: How are you?
Andrew->>China: I am good thanks!
Andrew China Says Hello China thinks\nabout it How are you? I am good thanks! Andrew China
```mermaid
%% Example of sequence diagram
  sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    alt is sick
    Bob->>Alice: Not so good :(
    else is well
    Bob->>Alice: Feeling fresh like a daisy
    end
    opt Extra response
    Bob->>Alice: Thanks for asking
    end
Alice Bob Hello Bob, how are you? Not so good :( Feeling fresh like a daisy alt [is sick] [is well] Thanks for asking opt [Extra response] Alice Bob
流程图
```mermaid
flowchat
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End|future:>http://www.google.com
op1=>operation: My Operation|past
op2=>operation: Stuff|current
sub1=>subroutine: My Subroutine|invalid
cond=>condition: Yes
or No?|approved:>http://www.google.com
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|future

st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
Created with Raphaël 2.3.0 Start My Operation Yes or No? Good idea catch something... End Stuff My Subroutine yes no yes no
```mermaid
graph LR
A[Hard edge] -->B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
One
Two
Hard edge
Round edge
Decision
Result one
Result two

Span元素

链接

快捷键:Ctrl+K

内部链接

文章中输入[链接文本](标题链接)即可生成支持跳转的内部链接,使用Ctrl+点击此链接可以跳转目标标题。

[点击跳转到Markdown 语法](#Markdown 语法)

[点击跳转到Markdown 语法](#Markdown 语法)

参考链接

文章中输入[链接文本](URL地址)即可生成支持跳转的链接。使用Ctrl+点击此链接的方式跳转。

[点击跳转到百度](https://www.baidu.com/)

点击跳转到百度

链接到本地文件

文章中输入[链接文本](本地文件路径)即可生成支持跳转的链接。使用Ctrl+点击此链接的方式跳转。

[点击打开本地的名称解释](D:\Typora\Typora_Save)
URL网址

文章中输入<URL网址>即可生成支持跳转的链接。使用Ctrl+点击此链接的方式跳转。Typora也支持自动链接标准URL。

<https://www.baidu.com/>
<www.baidu.com>

https://www.baidu.com/
<www.baidu.com>

图片

快捷键:Ctrl+Shift+i;直接复制图片或者拖动图片到文章中。

文章中输入![图片文本](图片地址)即可显示图片。

![image-20240930003524359](https://gitee.com/qingxuly/typora/raw/master/img/image-20240930003524359.png)
斜体

文章中输入*文本*即可给文本变成斜体样式。如果文章中要生成**需要使用反斜杠\转义。

快捷键:Ctrl+i

*文本1*
/*文本2/*

文本1

/文本2/

粗体

文章中输入**文本**即可给文本加粗。

快捷键:Ctrl+B

**文本**

文本

代码

文章中输入`代码`即可表示代码范围。

快捷键:`Ctrl+Shift+``。

`print('hello world')`

print('hello world')

删除线

文章中输入~~文本~~即可给文本添加删除线。

快捷键:Alt+Shift+5

~~文本~~

文本

下划线

文章中输入<u>文本</u>即可给文本添加下划线。推荐使用快捷键。

快捷键:Ctrl+U

<u>文本</u>

文本

表情符号

文章中输入:smile:即可添加表情符号,输入部分时会自动触发表情推荐,也可以通过点击选择。

:smile:
:smiley_cat:

😄
😺

内联数学公式

文章中输入$数学公式$即可识别数学公式。

$\lim_{x \to \infty} \exp(-x) = 0$ 

lim ⁡ x → ∞ exp ⁡ ( − x ) = 0 \lim_{x \to \infty} \exp(-x) = 0 limxexp(x)=0

下标

文章中输入~文本~即可给文本添加下标效果。

H~2~O

H2O

上标

文章中输入^文本^即可给文本添加上标效果。

X^2^

X2

高亮

文章中输入==文本==即可给文本添加高亮效果。

==文本==

文本

清除样式

文章中移除上述Markdown的标记。

快捷键:Ctrl+\

HTML

嵌入内容

文章中输入 <iframe src="在线视频嵌入代码或链接" width="视频宽度" height="视频高度"></iframe>即可插入视频。也可以通过在视频页面点击 “分享”>“嵌入” 获取嵌入代码,然后在 Typora 中插入。

   <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113074124163073&bvid=BV1tGH4eKEbK&cid=25723932530&p=1" width="100%" height="500"></iframe>

Typora 插件

Typora plugin

基本介绍

Typora plugin是一个Typora功能增强工具,提供额外的丰富功能,根据标签页管理、生成思维导图、高级搜索等。

安装

下载地址:https://github.com/obgnail/typora_plugin,根据安装教程安装即可。

使用说明

说明文档:插件使用说明。

Pandoc导出文件类型4

基本介绍

Pandoc 是通用文档文本转换器。Typora 使用它来支持几种文件类型的文件导入/导出功能,word、image、pdf、html等。

安装

下载地址:https://github.com/jgm/pandoc/releases/,下载完成后安装即可。

配置

Typora偏好设置的导出页面,在Pandoc路径中添加刚刚安装的pandoc.exe即可。

image-20240929185035699

PicGo图片自动上传5

具体操作过程请参考Typora+Gitee+PicGo 配置图片自动上传,可以实现将图片自动上传在Gitee中。

参考文档


关注我,一起探索更多知识!如果您有任何建议,欢迎在评论区交流。


  1. Typora的Markdown语法 ↩︎

  2. Github基本格式语法 ↩︎

  3. 使用Markdown绘制图表 ↩︎

  4. 安装和使用Pandoc ↩︎

  5. Typora+Gitee+PicGo 配置图片自动上传 ↩︎

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2183985.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C语言 getchar 函数完全解析:掌握字符输入的关键

前言 在C语言中&#xff0c;getchar 是一个非常实用的函数&#xff0c;用于从标准输入流&#xff08;通常是键盘&#xff09;读取单个字符。这对于处理文本输入非常有用&#xff0c;尤其是在需要逐个字符处理的情况下。本文将深入探讨 getchar 函数的用法和特点&#xff0c;并…

开放式耳机是什么意思?哪个品牌好?开放式蓝牙耳机测评分享

开放式耳机是目前比较流行的一种蓝牙耳机类型&#xff0c;它凭借佩戴舒适、安全性高、透气性好以及健康卫生等等特点成为了很多人的耳机选择。但其实并没有太多人了解开放式耳机&#xff0c;不知道什么是开放式耳机、开放式耳机是否比封闭式耳机强、什么样的人适合开放式耳机以…

Optiver股票大赛Top2开源!

Optiver股票大赛Top2开源&#xff01; ↑↑↑关注后"星标"kaggle竞赛宝典 作者&#xff1a;杰少 Optiver第二名方案解读 简介 Optiver竞赛已经于今天结束了&#xff0c;竞赛也出现了极端情况&#xff0c;中间断崖式的情况&#xff0c;在Kaggle过往的竞赛中&#…

【电路基础 · 1】电路模型和电路定律(自用)

总览 1.电路和电路模型 2.电流和电压参考方向 3.电功率和能量 4.电路元件 5.电阻元件 6.电压源和电流源 7.受控电源 8.基尔霍夫定律 重点&#xff1a; 1.电压、电流的参考方向 2.电阻元件、电源元件的特性 3.基尔霍夫定律&#xff08;基尔霍夫电流定律KCL、基尔霍夫电压定律K…

【办公类-48-03】20240930每月电子屏台账汇总成docx-3(三园区合并EXCLE,批量生成3份word)

背景需求&#xff1a; 前期电子屏汇总是“总园”用“”问卷星”、“一分园”用“腾讯文档”&#xff0c;二分园“用“手写word”” 【办公类-48-02】20240407每月电子屏台账汇总成docx-2&#xff08;腾讯文档xlsx导入docx&#xff0c;每页20条&#xff09;【办公类-48-02】20…

C语言 | Leetcode C语言题解之题451题根据字符出现频率排序

题目&#xff1a; 题解&#xff1a; #define HASH_FIND_CHAR(head, findint, out) HASH_FIND(hh, head, findint, sizeof(char), out) #define HASH_ADD_CHAR(head, intfield, add) HASH_ADD(hh, head, intfield, sizeof(char), add)struct HashTable {char key;int val;UT_ha…

基于小程序+Vue + Spring Boot的进销存库存出库入库统计分析管理系统

目录 一、项目背景及需求分析 1. 项目背景 2. 需求分析 二、系统架构设计 1. 技术选型 2. 模块划分 三、数据库设计数据库表结构 四、前端实现 五、后端实现 1. RESTful API设计 2. 数据库操作 六、安全性和性能优化 1. 安全性 2. 性能优化 七、测试与部署 1. …

Unity之寻找子物体的8种方式

废话不多说&#xff0c;举个例子&#xff1a; 当前的transform是Cube1物体&#xff0c;所以。。。。 寻找子物体的方式有以下几个&#xff1a; 1.transform.Find("go2/go3") 好处&#xff1a;可以快速通过路径定位对应的子物体&#xff0c;甚至是子子子物体。 2.t…

UG NX二次开发(C++)-建模-采用NXOpen获取拉伸特征的信息

文章目录 1、前言2、创建一个特征3 采用NXOpen来实现拉伸特征信息的获取1、前言 UG NX二次开发过程中,大部分初学者喜欢用UFun函数来实现UG NX二次开发的功能,因为相较于NXOpen,UFun函数简单易懂;但是有时UFun函数如果初始值设置不好,出现的错误也比较难排查。比如对于拉…

L4 KNN 算法

&#x1f368; 本文为&#x1f517;365天深度学习训练营 中的学习记录博客&#x1f356; 原作者&#xff1a;K同学啊 KNN 算法用于约会数据集分类 在这周中&#xff0c;学习如何使用 K 近邻&#xff08;K-Nearest Neighbors, KNN&#xff09;算法对一个约会数据集进行分类。KN…

SpringGateway(网关)微服务

一.启动nacos 1.查看linux的nacos是否启动 docker ps2.查看是否安装了nacos 前面是你的版本&#xff0c;后面的names是你自己的&#xff0c;我们下面要启动的就是这里的名字。 docker ps -a3.启动nacos并查看是否启动成功 二.创建网关项目 1.创建idea的maven项目 2.向pom.x…

路由器WAN口和LAN口的区别

一.路由器WAN口和LAN口的区别简单来说&#xff1a;LAN口输出&#xff08;内网&#xff09;&#xff0c;WAN口输入&#xff08;互联网&#xff09;&#xff0c;接线方法"光猫网口"——>"路由器WAN口"&#xff0c;"路由器LAN口"——>"打…

SD-WebUI forge支持flux模型。算力互联forge镜像使用教程

SD-WebUI Forge运行截图&#xff1a; 以下为教程&#xff1a; 启动SD 首先要选择使用我的镜像创建容器实例 1.进入Jupyter 2.双击打开左边main.ipynb&#xff0c;打开脚本 3.选中运行的代码&#xff0c;点击上面的运行符号 4.出现7860端口开放&#xff0c;说明运行成功了 …

C++入门基础知识95——【关于C++ 自增自减运算符】

成长路上不孤单&#x1f60a;&#x1f60a;&#x1f60a;&#x1f60a;&#x1f60a;&#x1f60a; 【14后&#x1f60a;///C爱好者&#x1f60a;///持续分享所学&#x1f60a;///如有需要欢迎收藏转发///&#x1f60a;】 今日分享关于C 自增自减运算符的相关内容&#xff01…

Difference of Convex Relaxation (DC)

问题背景 minimize ⁡ m ∥ m ∥ 2 s u b j e c t t o ∥ m H h k e ∥ 2 ≥ 1 , ∀ k . \begin{aligned}&\underset{m}{\operatorname*{minimize}}\quad\|\boldsymbol{m}\|^2\\&\mathrm{subject~to}\quad\|\boldsymbol{m}^\mathsf{H}\boldsymbol{h}_k^e\|^2\geq1,\for…

Java | Leetcode Java题解之第450题删除二叉搜索树中的节点

题目&#xff1a; 题解&#xff1a; class Solution {public TreeNode deleteNode(TreeNode root, int key) {TreeNode cur root, curParent null;while (cur ! null && cur.val ! key) {curParent cur;if (cur.val > key) {cur cur.left;} else {cur cur.rig…

问题解决实录 | bash 中 tmux 颜色显示不全

点我进入博客 如下图&#xff0c;tmux 中颜色显示不全: echo $TERM输出的是 screen 但在 bash 里面输出的是 xterm-256 color 在 bash 里面输入&#xff1a; touch ~/.tmux.conf vim ~/.tmux.conf set -g default-terminal "xterm-256color"使之生效 source …

【学习笔记】手写 Tomcat 八

目录 一、NIO 1. 创建 Tomcat NIO 类 2. 启动 Tomcat 3. 测试 二、解析请求信息 三、响应数据 创建响应类 修改调用的响应类 四、完整代码 五、测试 六、总结 七、获取全部用户的功能 POJO 生成 POJO 1. 在 Dao 层定义接口 2. 获取用户数据 3. 在 Service 层定…

仪器数码管数字识别系统源码分享

仪器数码管数字识别检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Comput…

21.2 k8s中etcd的tls双向认证原理解析

本节重点介绍 : tls单向认证原理tls双向认证原理 在k8s中etcd监控的应用以ca.crt client.crt client.key创建的secret并挂载到prometheus中prometheus配置证书信息打到采集etcd的目的 tls单向认证 在单向SSL身份认证过程中&#xff0c;客户端需要验证服务端证书&#xff0c;…