Typora基础设置、MarkDown语法

Typora基础设置、MarkDown语法Typora基础设置通用设置可以设置启动Typora软件时，打开文件的方式。以下四种可供选择打开一个新的文件?重新打开上次使用的目录？重新打开上次使用的文件和目录？打开已经指的好的目录？外观设置可以设置选用的主题，官方推出了许多的主题，可供下载使用默认的情况下打开主题文件夹，没有Vue的主题。选择获取主题...

DayDreamerKing

8844人浏览 · 2020-05-01 23:08:21

DayDreamerKing · 2020-05-01 23:08:21 发布

Typora基础设置、MarkDown语法

Typora基础设置

在这里插入图片描述

通用设置

可以设置启动Typora软件时，打开文件的方式。以下四种可供选择
1. 打开一个新的文件?
2. 重新打开上次使用的目录？
3. 重新打开上次使用的文件和目录？
4. 打开已经指的好的目录？

外观设置

可以设置选用的主题，官方推出了许多的主题，可供下载使用

在这里插入图片描述

默认的情况下打开主题文件夹，没有Vue的主题。
选择获取主题按钮。在官网上面下载自己喜欢的
点击对应主题，进行下载，下载之后是一个压缩包
将他解压出来。复制其中.css文件以及 vue的文件夹。到打开主题文件夹的那个目录。此时需要重新启动Typora，然后选择Vue主题。

编辑器设置

我自己的配置

图像配置

图像选择，一定不要选择无特殊操作。否则你给其他人这个笔记的时候看不到你的图片内容。我个人设置的是在同一级目录下生成专门存放图片的文件夹。（方便管理）也可以复制到指定的目录
如下显示

MarkDown配置

1. 如果勾选了严格模式，那就必须严格执行MarkDown的语法。否则不生效。

#标题内容（在严格模式下不生效的标题）。直接在#号后面跟着标题内容，这不是MarkDown语法，不会生效。 MarkDown语法应该是#号后面要有空格在跟着标题内容。那么如果去掉了严格模式，就算没有空格也是可以生效的。

2. 勾选扩展语法内容，在接下来基础语法中对应的内容才生效

在这里插入图片描述

MarkDown语法

标题

	可以直接使用快捷键： Ctrl + 1-6
	或者 # 标题名字（井号的个数代表标题的级数，最多支持6级标题）

一级标题使用1个#
二级标题使用2个#
三级标题使用3个#
四级标题使4用个#
五级标题使用5个#
六级标题使用6个#

基础

删除线

这就是 ~~删除线~~ (使用波浪号)

这就是 ~~删除线~~ (使用波浪号)

斜体

这是用来 *斜体* 的 _文本_
使用*斜体内容* 
或者  _斜体内容_
再或者  快捷键ctrl+i

这是用来斜体的文本

加粗

这是用来 **加粗** 的 __文本__
使用**加粗内容**  
或者  __加粗内容__  
再或者  快捷键ctrl+b

这是用来加粗的文本

斜体+加粗

这是用来 ***斜体+加粗*** 的 ___文本___
三个下划线，或者 三个*

这是用来 斜体+加粗 的文本

下划线

下划线是HTML语法：

<u>我是下划线</u>
或者 快捷键ctrl+u

我是下划线

高亮（需勾选扩展语法）

这是用来 ==高亮的语法== 的文本

这是用来斜体+加粗的文本

下标（需勾选扩展语法）

水 H~2~O 
双氧水 H~2~O~2~ 
其实就是 ~  小波浪中间的字体会标记在下方

水 H₂O

双氧水 H₂O₂

上标（需勾选扩展语法）

面积 m^2^ 
体积 m^3^
其实就是 ^  向上的尖符号 (异或符号) 中间的字体会标记在上方

面积 m²
体积 m³

表格

表格的语法很麻烦，可以直接使用快捷键ctrl+t 调用表格

在这里插入图片描述

使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行：

name | price
--- | ---
fried chicken | 19
cola|5

为了使 Markdown 更清晰，| 和 - 两侧需要至少有一个空格（最左侧和最右侧的 | 外就不需要了）。

name	price
fried chicken	19
cola	5

为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界，在表头下方的分隔线标记中加入 :，即可标记下方单元格内容的对齐方式：

|    name       | price |
| :------------ | :---: |
| fried chicken | 19    |
| cola          |  32   |

name	price
fried chicken	19
cola	32

表格的语法很麻烦，可以直接使用快捷键ctrl+t 调用表格

块引用 >

>“块引用就是个向右侧的尖括号 >”

“块引用就是个向右侧的尖括号”

>也可以在引用中
>>使用嵌套的引用

也可以在引用中

使用嵌套的引用

无序列表

无序列表–符号空格

* 可以使用 `*` 作为标记
+ 也可以使用 `+`
- 或者 `-`

可以使用 * 作为标记

也可以使用 +

或者 -

有序列表

有序列表–数字 . 空格
```
1. 有序列表以数字和 `.` 开始；
2. 数字的序列并不会影响生成的列表序列；
3. 但仍然推荐按照自然顺序（1.2.3...）编写。
```
1. 有序列表以数字和 . 开始；
2. 数字的序列并不会影响生成的列表序列；
3. 但仍然推荐按照自然顺序（1.2.3…）编写。

	可以使用：数字\. 来取消显示为列表（用反斜杠进行转义）

代码块

```语言名称    例如：```java

 public static void main(String[] args) {
 	//-----------------
 }

行内代码

通过 ``，插入行内代码（` 是 `Tab` 键上边、数字 `1` 键左侧的那个按键）：
例如 `Markdown`。会按照代码的格式显示入以下内容

Markdown

分隔线

可以在一行中使用三个或更多的 *、- 或 _ 来添加分隔线（``）：

***
------
___

外部跳转–超链接

格式为 [link text](link)。
[] 中括号内为描述，()小括号内为链接地址

[帮助文档](https://support.typora.io/Links/#faq)

帮助文档

内部跳转–本文件内跳（Typora支持）必须是标题

格式为 [link text](#要去哪个标题）。

[我想跳转到标题](#MarkDown基础)。。。
按住Ctrl键 点击超链接即可跳转

Open Links in Typora

You can use command+click (macOS), or ctrl+click (Linux/Windows) on links in Typora to jump to target headings, or open them in Typora, or open in related apps.

我想跳转到标题

自动链接

使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接：

<https://www.baidu.com>

https://www.baidu.com

网上的图片

![自己起的图片名字](图片地址或者图片本地存储的路径)
![网上图片：猫咪 ](https://i-blog.csdnimg.cn/blog_migrate/d2a15fafc1e900494cbc84907a30592c.png)

网上图片：猫猫

本地图片

![自己起的图片名字](图片地址或者图片本地存储的路径)
![本地图片](****.jpg)
在同一个文件夹里（用相对路径）：![cola](../cola.jpg)
或者直接拷贝。

参考前面对于图片的配置。建议将当前笔记相关的图片存放在相同目录下的一个文件夹中（便于管理）。后续给其他人发送笔记的时候把图片文件夹也带上。否则图片内容会不显示。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^