当前位置: 首页 > article >正文

Typora安装使用教程 简单易用的Markdown编辑器

Typora markdown 编辑器下,最后一个免费版本 0.11.18,但可能会提示过期无法使用, 建议大家可以使用 0.9.96 Windows 版,下载 Windows X64 版。

Typora简介

Typora 是一款由 Abner Lee 开发的轻量级 Markdown 编辑器,与其他 Markdown 编辑器不同的是,Typora 没有采用源代码和预览双栏显示的方式,而是采用「所见即所得」的编辑方式,实现了即时预览的功能,但也可切换至源代码编辑模式。

一、Typora软件优势:

  • 实时预览:
    Typora 支持 markdown 的标准语法,同时它删除了预览窗口、模式切换程序、标记源代码的语法符号以及所有其他不必要的干扰。将它们替换为真正的实时预览功能,以帮助您专注于内容本身。
  • 扩展语法:
    Typora 使用的是 GitHub 风格的 Markdown 语法,扩展了任务列表、表格、表情符号、数学公式、代码高亮等常用功能。
  • 图片拖拽:
    在复制/粘贴图片到文章中时,Typora 也支持绑定相关的图床直接将其上传,这对于博客作者来讲会方便不少,或者也可以手动设置一个本地图像保存路径,复制进文本的图像也会自动保存在本地,减少了手动收集整理图片的步骤。
    - 快捷操作:
    Typora 对几乎所有 Markdown 语法都提供了快捷操作,通过菜单栏的Paragraph 和 Format 中的功能可以快速设置标记语法,一些常用的操作都有快捷键,用起来非常高效。
  • 多格式导入/导出:
    带有书签的 PDF 可以通过 Typora 生成。 通过 Pandoc 的集成,可以导出或导入更多格式,包括 docx,OpenOffice,LaTeX,MediaWiki,Epub 等。
  • 自动保存/版本管理:
    Typora 还提供了本地草稿恢复的功能;这要得益于 Typora 自动保存过去多个版本编辑记录的设计,你还可以用这个方式来「回滚」某个文档的过去版本,实现类似云文档的版本管理效果。
  • 跨平台支持:
    作为一款基于 Electron 实现的跨平台应用,Typora 支持 macOS、Windows 和 Linux 系统。

二、安装步骤

1、下载软件
支持Window、Mac、Ubuntu 、Debian软件包格式
Typora安装包自取:https://pan.quark.cn/s/2ad5b59e6d8e

2、双击下载好的软件包即可(我这里用的是windows x64 0.9.96 版本)
在这里插入图片描述
3、勾选创建桌面图标快捷方式、点击下一步
在这里插入图片描述
4、点击安装
在这里插入图片描述
5、安装过程中
在这里插入图片描述
6、安装完成
在这里插入图片描述
7、开始使用吧
在这里插入图片描述

三、使用 Markdown 常用语法

1. 标题

Markdown 使用井号 # 来表示标题,井号的数量决定了标题的级别,最多支持六级标题。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

一级标题

二级标题

三级标题
四级标题
五级标题
六级标

2. 内容编辑

段落是由一个或多个连续的文本行组成,段落之间用 <br /> 或者回车,使用空格或 &nbsp; 进行缩进

这是一个段落。<br/>这是另一个段落。

一个段落。
这是另一个段落。

要在一个段落内强制换行,可以在行尾添加两个空格,然后按回车键。

这是一个段落,
强制换行。

Markdown 允许在文档中嵌入 HTML 代码。这种特性使得 Markdown 文档可以包含更复杂的格式和结构,而不仅仅是简单的文本格式化。

<font color='red'>红色文本</font>

红色文本

3. 强调

支持标记、删除线、斜体、粗体、下划线、引用多种强调方式。

标记

使用两个等于号 == 包裹文本。

==标记文本==

标记文本

删除线

使用两个波浪号 ~~ 包裹文本。

~~删除线文本~~

删除线文本

斜体

使用单个下划线 _ 包裹文本。

_斜体文本_

斜体文本

粗体

使用两个星号 ** 包裹文本。

**粗体文本**

粗体文本

下划线

使用两个 <ins> 标签包裹文本

<ins>下划线文本</ins>

下划线文本

引用

使用大于号 > 来表示引用块。

> 这是一个引用块。
>
> > 可以包含多行文本。

这是一个引用块。

可以包含多行文本。

居中文本

使用两个 <center> 标签包裹文本。

<center>居中文本</center>
居中文本
表情

使用两个冒号 : 包裹

:joy:

😂

组合使用

可以将多种组合配合使用

~~==**_组合使用_**==~~

> :warning: **Warning:** Do not push the big red button.

> :memo: **Note:** Sunrises are beautiful.

> :bulb: **Tip:** Remember to appreciate the little things in life.

组合使用

⚠️ Warning: Do not push the big red button.

📝 Note: Sunrises are beautiful.

💡 Tip: Remember to appreciate the little things in life.

4. 列表

Markdown 支持无序列表和有序列表。

无序列表

使用减号 - 开头。

- 项目一
  - 项目二
    - 子项目一
    - 子项目二
  • 项目一
    • 项目二
      • 子项目一
      • 子项目二
有序列表

使用数字加点 1. 开头。

1. 第一项
2. 第二项
   1. 子项一
   2. 子项二
3. 第三项
  1. 第一项
  2. 第二项
    1. 子项一
    2. 子项二
  3. 第三项
任务列表

使用 - [ ] 开头,使用 x 表示已完成。

- [ ] 任务 1
- [x] 任务 2
- [ ] 任务 3
  • 任务 1
  • 任务 2
  • 任务 3

5. 注脚

详情参考[^1]
[^1]:这是详情参考注脚

详情参考2

6. 链接

使用方括号 [] 来定义链接文本,使用圆括号 () 来定义链接地址。

[Markdown 官网](https://www.markdownguide.org 'Markdown 官网')

Markdown 官网

7. 图片

Markdown 使用感叹号 ! 和方括号 [] 来定义图片替代文本,使用圆括号 () 来定义图片地址。

![替代文本](https://img0.baidu.com/it/u=1694623296,3457166421&fm=253 '图片 alt')

8. 代码

行内代码

使用反引号`包裹行内代码。

`print("Hello, World!")`

print('hello, world!')

代码块

使用三个反引号 ` ````包裹代码块,并在第一个反引号后指定语言类型。

```java
public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
```

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}

9. 表格

表格语法。

| 列 1   | 列 2   | 列 3   |
| ------ | ------ | ------ |
| 数据 1 | 数据 2 | 数据 3 |
| 数据 4 | 数据 5 | 数据 6 |
列 1列 2列 3
数据 1数据 2数据 3
数据 4数据 5数据 6

可以使用冒号 : 来对齐表格内容。

| ---左对齐--- | ---居中对齐--- | ---右对齐--- |
| :----------- | :------------: | -----------: |
| 数据 1       |     数据 2     |       数据 3 |
| 数据 4       |     数据 5     |       数据 6 |
—左对齐——居中对齐——右对齐—
数据 1数据 2数据 3
数据 4数据 5数据 6

10. 分割线

使用三个星号 * 或三个减号 - 表示

***
---


11. 数学公式

使用两个尖号 ^ 包裹表示向上,使用两个波浪号 ~ 表示向下

X^2^
H~2~O

X2
H2O

行内公式

$\left\{\begin{aligned}x&=1\\y&=2+x\end{aligned}\right.$

左右两边各一个$,在中输入公式,即可在一行内显示,左右两边可接文字。如: { x = 1 y = 2 + x \left\{\begin{aligned}x&=1\\y&=2+x\end{aligned}\right. {xy=1=2+x

行间公式

$$ \left\{
\begin{aligned}
x&=1\\
y&=2+x
\end{aligned}
\right.$$

左右两边各两个$,在四个中输入公式,即可在单独占一行显示,且公式居中。如: { x = 1 y = 2 + x \left\{ \begin{aligned} x&=1\\ y&=2+x \end{aligned} \right. {xy=1=2+x

四、使用 Markdown 绘制图表

序列图

该功能使用js-sequence,它将以下代码块转换为渲染图:

Alice Bob Hello Bob, how are you? Bob thinks I am good thanks! Alice Bob
饼图
62% 14% 24% Pie Chart Dogs Cats Rats
状态图
Still
Moving
Crash
流程图

有关更多详细信息,请参阅这些说明。

One
Two
Hard edge
Round edge
Decision
Result one
Result two
类图
Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()

参考Typora官网的语法:https://support.typora.io/Draw-Diagrams-With-Markdown/


http://www.kler.cn/a/599765.html

相关文章:

  • 解决思科交换机无法访问局域网外设备
  • C++学习之路,从0到精通的征途:string类
  • 深入理解Spring框架:核心概念与组成剖析
  • C++题目
  • uv - reference [官方文档翻译]
  • 【嵌入式学习2】内存管理
  • GitLens with `Commit Graph`
  • 使用Python调用Jenkins Api之获取构建日志使用说明文档
  • 两个手机都用流量,IP地址会一样吗?深入解析
  • Excel第41套全国人口普查
  • 在Spring Boot中,可以通过实现一些特定的接口来拓展Starter
  • 安全上网沙箱:多方面解决政企私的上网问题
  • 2025-如何创建自己的电商网站
  • Linux 系统关机和重启指令
  • Spring Boot项目快速创建-开发流程(笔记)
  • JAVA_数据结构_栈和队列
  • CSS 中text - shadow和box - shadow原理、属性的使用方法及区别
  • 鸿蒙进行视频上传,使用 request.uploadFile方法
  • Android 13系统定制实战:基于系统属性的音量键动态屏蔽方案解析
  • [AI速读]用持续集成(CI)优化芯片验证环境:Jenkins与EDA工具的实战指南