【公共工具】-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中的语法符号,前面家反斜线\即可以显示符号本身。

举例:

\\
\*

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

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

相关推荐
顾菁寒9 小时前
WEB第二次作业
前端·css·html
Qhumaing10 小时前
html第一个网页
网络·html·html5
哇咔咔哇咔11 小时前
使用Markdown编写适用于GitHub的README.md文件的目录结构
vscode·markdown
前端Hardy14 小时前
HTML&CSS:爱上班的猫咪
前端·javascript·css·vue.js·html
前端Hardy17 小时前
超萌!HTML&CSS:打造趣味动画卡通 dog
前端·css·html·css3
Komorebi⁼18 小时前
JavaScript的对象事件监听处理,交互式网页的关键!
开发语言·前端·javascript·css·html
布兰妮甜19 小时前
HTML5:网页开发的新纪元
前端·html·html5
想要成为祖国的花朵19 小时前
Web前端_HTML5(新增type类型)
前端·html·html5
羊小猪~~19 小时前
前端入门一之HTML知识讲解
前端·javascript·css·前端框架·html·html5
贩卖纯净水.20 小时前
初识CSS
前端·css·html