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

举例:

复制代码
\\
\*

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

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

相关推荐
仍然探索未知中1 小时前
前端扫盲HTML
前端·html
哎呦你好4 小时前
HTML 颜色全解析:从命名规则到 RGBA/HSL 值,附透明度设置与场景应用指南
前端·css·html
沐土Arvin8 小时前
深入理解 requestIdleCallback:浏览器空闲时段的性能优化利器
开发语言·前端·javascript·设计模式·html
双叶83612 小时前
(C语言)超市管理系统 (正式版)(指针)(数据结构)(清屏操作)(文件读写)(网页版预告)(html)(js)(json)
c语言·javascript·数据结构·html·json
码农黛兮_4617 小时前
4. 文字效果/2D-3D转换 - 3D翻转卡片
3d·html·css3
小嘟嚷ovo20 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
Alice-YUE1 天前
【HTML5学习笔记1】html标签(上)
前端·笔记·学习·html·html5
Alice-YUE1 天前
【HTML5学习笔记2】html标签(下)
前端·笔记·html·html5
砌玉成璧1 天前
Flask+HTML+Jquery 文件上传下载
flask·html·jquery
GISer_Jing1 天前
前端图形渲染 html+css、canvas、svg和webgl绘制详解,各个应用场景及其区别
前端·html·图形渲染