【公共工具】-Markdown使用

前言

不必害怕未知,无需恐惧犯错,做一个Creator!

一、 Markdown介绍

Markdown 是一种轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的HTML 、Word、图像、PDF、Epub 等多种格式的文档。文档后缀为 .md, .markdown。

二、 Markdown特点

纯文本编辑,只要是支持Markdown编辑的都能获得同样的结果,摆脱排版苦恼

学习成本低,常用的语法很少,简单易学快速上手

支持跨平台同步数据

支持插入图片、视频等

随时修改,不必担心word等工具出现排版错误

三、 Markdown语法

3.1 标题

使用#号标记,可以表示1-6级标题, 随#的个数递增,一级标题字号最大,六级标题字号最小。

举例:

复制代码
# 一级标题
## 二级标题

3.2 字体

星号与下划线都可以,单是斜体,双是粗体,三是粗斜体

举例:

复制代码
*这是斜体*	**这是粗体**	***这是粗斜体***

3.3 换行

直接在一句话后敲两个空格

两句话之间加一个空行

如果你在编辑的时候,想让一行文字在显示的时候换行,就在中间加

3.4 引用

Markdown 中引用通过符号 > 来实现。> 符号后的空格,可有可无。

在引用的区块内,允许换行存在,换行并不会终止引用的区块。如果要结束引用,需要一行空白行,来结束引用的区块。

3.5 链接

Markdown中插入链接的使用方式是:

复制代码
[链接名称](链接地址)
<链接地址>

3.6 图片

Markdown中插入图片的使用方式是:

复制代码
![图片描述,可写可不写,但是中括号要有](图片地址,本地链接或者URL地址。)

3.7 列表

无序列表,使用*、+、-,再加一个空格作为列表的标记

有序列表,使用数字并加上.号,再加一个空格作为列表的标记

如果想要控制列表的层级,则需要在列表符号前使用Tab

举例:

复制代码
+ 无序列表 2
	+ 无序列表 2.1
	+ 无序列表 2.2

1. 有序列表 1
	1.1 有序列表 1.1

3.8 分割线

分割线的使用,可以在一行中用三个-or*来建立一个分割线,但是注意:在分割线的上面空一行

3.9 删除线

删除线的的使用,可以在要添加删除线的文字前后添加两个~

3.10 下划线

下划线的使用和html中类似,在需要添加下划线的文字首尾添加++文本++

3.11 代码块

如果是在一个块内需要引用代码,则在需要引用的代码块的前一行和后一行使用三个反引号,同时在前一个反引号后写入代码的语言。

3.12 表格

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

:-:将表头及单元格内容左对齐

-::将表头及单元格内容右对齐

:-::将表头及单元格内容居中

举例:

复制代码
| 项目        | 价格   |  数量  |
| --------   | -----:  | :----:  |
| 计算机     | \$1600 |   5     |
| 手机        |   \$12   |   12   |

3.13脚注

脚注自动被搬运到最后面,请到文章末尾查看,并且脚注后方的链接可以直接跳转回到加注的地方。

举例:

复制代码
使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Typora[^T] 编辑器进行书写。
[^1]:Markdown是一种纯文本标记语言
[^2]:HyperText Markup Language 超文本标记语言

3.14 特殊符号

对于Markdown中的语法符号,前面家反斜线\即可以显示符号本身。

举例:

复制代码
\\
\*

提示:仅供参考。若有错误不足,欢迎批评指正。该文章仅供参考,欢迎互相学习交流。

感谢你的阅读,期待你的关注收藏点赞!

相关推荐
猿究院_xyz3 小时前
跟着尚硅谷学vue-day5
前端·javascript·vue.js·前端框架·html
我爱吃朱肉3 小时前
纯HTMLCSS静态网站——元神
css·html
船长@Quant3 小时前
文档构建:Sphinx全面使用指南 — 进阶篇
python·markdown·sphinx·文档构建
前端大白话4 小时前
前端必看!figure标签在响应式图片排版中的王炸操作,grid/flex布局实战指南
前端·设计模式·html
热水养鲨鱼5 小时前
Java实现HTML转PDF(deepSeekAi->html->pdf)
人工智能·pdf·html
IT瘾君14 小时前
JavaWeb:Html&Css
前端·html
曹牧17 小时前
HTML字符实体和转义字符串
前端·html
工呈士21 小时前
HTML 模板技术与服务端渲染
前端·html
AXUI21 小时前
至美!看AXUI如何美化原始HTML标签(reset/normalize)
css·html
末日的狂欢姐21 小时前
至美!看AXUI如何美化原始HTML标签(reset/normalize)
css·html·reset·normalize