Typora+markdown的基础使用

Typora+markdown的基础使用

提示：如果某些格式无法显示，需要在Typora—>文件—>偏好设置—>markdown中开启对应的设置并重启

一、标题

语法格式：#+空格+标题内容，一个#是一级标题，两个##是两级标题，以此类推，支持六级标题

二、字体

加粗语法格式：**+内容+**

斜体语法格式：*+内容+*

斜体加粗语法格式：***+内容+***

删除线语法格式：~~+内容+~~

高亮语法格式：==+内容+==

下划线格式：<u>+内容+</u>

三、引用

语法格式：>+引用内容

示例：

我是引用

引用也可以嵌套，无限套娃

示例：

引用第1层

引用第2层

引用第3层

引用第4层

四、分割线

语法格式：三个或三个以上的-或者*都可以，如*** 、 ---、----

示例

---

---

五、图片

语法格式：![alt](图片地址,"title")

alt：指的是当图片链接失效时显示的提示文字，可加可不加

title：是图片的标题，当鼠标移到图片上时显示的内容，可加可不加

示例：

调整图片大小，有两种方式：

1、右击图片

选择缩放图片后，语法格式将变成<img src="https://s2.loli.net/2022/05/20/jvxpAwOrQ6HXMig.png" alt="32" style="zoom: 20%;" />，20%可自行调整

示例：

2、通过HTML调节

格式如下：

<center>
    <img style="border-radius: 20px;"
         src="https://s2.loli.net/2022/05/20/jvxpAwOrQ6HXMig.png"
         alt="图片失效了"
         width="100" >
  <div style="color: #FF0000; padding: 2px;">
    图注
  </div>
</center>

• <center>标签设置图片居中对齐（<left>向左靠齐）

• border-radius设置圆角

• src放置图片路径（本地路径或网络路径）

• alt放置图片链接失效后的显示文字

• width设置图片宽度（witdh和height只设置一个即可，等比例缩放）

• div 图注

示例：

图注

六、超链接

语法格式：[超链接名](超链接地址)

示例：

常用颜色码表

提示：

在Typora内，使用ctrl+左键打开超链接

七、列表

1、无序列表

语法格式：- 、+、* 三个符号都可以，如-+空格+内容

示例：

• 无序列表-

• 无序列表+

• 无序列表*

2、有序列表

语法格式：数字+.+空格+内容

示例：

1. 有序列表1
2. 有序列表2
3. 有序列表3

3、字列表

操作：在子列表前按下tab键即可构成子列表

示例：

1. 有序列表1
   1. 字列表1
   2. 字列表2

八、表格

语法格式示例：

|左对齐|居中对齐|右对齐|
|:----|:----:|---:|
|11|12|13|
|21|22|23|

示例：

左对齐	居中对齐	右对齐
11	12	13
21	22	23

九、代码

1、行内代码

语法格式：反引号(`)+行内代码内容+反引号(`)

示例：

行内代码：我是行内代码

2、多行代码

语法格式：

三个反引号(```)+空格+代码语言

+代码内容

+三个反引号(```)

语言如：c、c++、java 等等

示例：

public static void main(String[] args) {
    System.out.println("hello world!");
}

十、高级技巧

1、转义

Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：

\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号

2、特殊字符中用特殊字符

比如：在 Markdown 中，如何在反引号对语句中使用反引号

​ 在 Markdown 中，经常会使用一种反引号对语句来标识一段 特殊文字，如 特殊文字。不过，有时候 特殊文字 中也会含反引号。显然，如果在 特殊文字 内直接使用反引号， Markdown 渲染器会优先匹配最近的一对反引号，这会导致渲染器的误解析。那么，如何在反引号对语句中使用反引号呢？

方法是，将原来的 反引号对 改成 二反引号对 + 空格。比如，如果原来的语句是 【特殊文字】，现在，特殊文字 中将含有反引号，此时的语句应改成 【含有`反引号`的特殊文字】。如下图所示：（紧挨着两个反引号的空格是必须加的，但 Markdown 显示之后的效果不会含加入的空格）

​ 以此类推。如果需要在 特殊文字 包含两个引号对，那外面需要使用 三引号对 + 空格 来包围这个 特殊文字（同样，空格不会显示在渲染之后的效果中），如 【```含有``二反引号对``的特殊文字 ```】。显示效果为：含有``二反引号对``的特殊文字。

示例：

(```)

3、行内公式

语法格式：$+内容+$

示例：

我右边是行内公式 $ (y=2x+1) $ 我左边是行内公式

提示：

需要在Typora—>文件—>偏好设置—>markdown—>Markdown拓展语法中开启内联公式

十一、Typora快捷键

	Markdown语法	Typora快捷键
一级标题	#	ctrl+1
二级标题	##	ctrl+2
三级标题	###	ctrl+3
四级标题	####	ctrl+4
五级标题	#####	ctrl+5
六级标题	######	ctrl+6
加粗	**粗体**	ctrl+B
斜体	*斜体*	ctrl+I
下划线	<u>下划线</u>	ctrl+U
删除线	~~删除线~~	alt+shift+5
创建表格		ctrl+T
创建超链接	[超链接名](超链接地址)	ctrl+K
插入图片		ctrl+shift+I
插入公式块	$$公式$$	ctrl+shift+M
添加引用	>内容	ctrl+shift+Q
无序列表	+ 内容	ctrl+shift+]
有序列表	1. 内容	ctrl+shift+[
粘贴为纯文本		ctrl+shift+V
返回Typora顶部		ctrl+Home
返回Typora底部		ctrl+End
启用/退出 源代码模式		ctrl+/
搜索		ctrl+F
搜索并替换		ctrl+H
选中光标所在行		ctrl+L
生成文档目录		[toc]+Enter
快速打开最新文档		ctrl+P

十二、设置图片自动上传至自己的图床（本文使用PicGo-Core+SM.MS）

打开Typora—>文件—>偏好设置—>图片，按照下图进行配置，注意①②③④，后续会重点说明

1、下载PicGo-Core插件

步骤：

1. 选中①，点击②（下载或更新）进行下载即可

提示：由于服务器在国外，这里下载很慢，正好可以先进行下面的操作

2、注册SM.MS账号并进行配置

步骤：

1. 打开官网 https://sm.ms/注册后登录。

2. 打开该网址 https://sm.ms/home/apitoken/生成 token。

3. 点击③打开配置，替换为以下内容，并保存（xxxxxx为刚才生成的token）

   {
     "picBed": {
       "uploader": "smms",
       "smms": {
         "token": "xxxxxxxxxxxxxxxxxxxxxx"
       }
     },
     "picgoPlugins": {}
   }
   

3、安装Node.js

因为PicGo要用到，所以这里先进行下载

步骤

1. 打开官网https://nodejs.org/en/download/，进行下载

2. 下载好，安装，没什么特别需要注意的

3. 测试是否安装成功

   1. win+R打开运行，输入cmd，点击确定打开控制台

      

   2. 输入node，回车，打印出如下内容说明安装成功

4、验证图片上传选项

等1、2、3步都完成后

点击④进行测试，结果如果为验证成功，说明大功告成🎉，之后使用Typora就可以自动上传图片了

提示：没有自动上传的图片，可以右键图片—>上传图片，来进行手动上传

十三、其他

1、使用emoji表情

markdown支持显示emoji表情

🤣 Emoji表情大全,颜文字百科 💌