MarkDown是什么?

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown

标题

Markdown 标题有两种格式。

1. 使用=、-标记

使用=和-标记一级和二级标题,语法如下

<span style="background-color:#f8f8f8"><span style="color:#333333">我是一级标题
===
我是二级标题
---</span></span>

显示效果如下图所示:

2. 使用#标记

使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推

<span style="background-color:#f8f8f8"><span style="color:#333333"># 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题</span></span>

段落

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车

当然也可以在段落后面使用一个空行来表示重新开始一个段落。

分割线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#981a1a">***</span>
<span style="color:#981a1a">*</span> <span style="color:#981a1a">*</span> <span style="color:#981a1a">*</span>
<span style="color:#981a1a">*****</span>
<span style="color:#981a1a">-</span> <span style="color:#981a1a">-</span> <span style="color:#981a1a">-</span>
<span style="color:#981a1a">----------</span></span></span>

效果:






强调

斜体:我是斜体 我是斜体

粗体:我是粗体 我是粗体

删除线:我是删除线

下划线:我是下划线

脚注:我有脚注 Maye

[Maye]  顽石老师 -- 聪明又可爱!!

列表

Markdown 支持有序列表和无序列表。

无序列表: 无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容:

<span style="background-color:#f8f8f8"><span style="color:#333333">+ Name:顽石
- QQ:823861087
* Sex:男</span></span>
  • Name:顽石

  • QQ:823861087

  • Sex:男

有序列表:有序列表使用数字并加上 . 号来表示,如:

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#116644">1.</span> <span style="color:#000000">Name</span>:<span style="color:#000000">顽石</span>
<span style="color:#116644">2.</span> <span style="color:#000000">QQ</span>:<span style="color:#116644">823861087</span>
<span style="color:#116644">3.</span> <span style="color:#000000">Sex</span>:<span style="color:#000000">男</span></span></span>
  1. Name:顽石

  2. QQ:823861087

  3. Sex:男

列表嵌套

列表嵌套只需在子列表中的选项前面添加四个空格即可:

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#116644">1.</span> <span style="color:#000000">第一项:</span><span style="color:#981a1a">-</span> <span style="color:#000000">第一项的第一个元素</span><span style="color:#981a1a">-</span> <span style="color:#000000">第一项的第二个元素</span>
<span style="color:#116644">2.</span> <span style="color:#000000">第二项</span>:<span style="color:#981a1a">+</span> <span style="color:#000000">第二项的第一个元素</span><span style="color:#981a1a">+</span> <span style="color:#000000">第二项的第二个元素</span></span></span>
  1. 第一项:

    • 第一项的第一个元素

    • 第一项的第二个元素

  2. 第二项:

    • 第二项的第一个元素

    • 第二项的第二个元素

区块引用

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#981a1a">></span> <span style="color:#000000">区块引用</span>
<span style="color:#981a1a">></span> <span style="color:#000000">顿开教育</span>
<span style="color:#981a1a">></span> <span style="color:#000000">让每个学员都学有所成</span>    </span></span>

区块引用 顿开教育 让每个学员都学有所成

另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推:

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#981a1a">></span> <span style="color:#000000">最外层</span>
<span style="color:#981a1a">>></span> <span style="color:#000000">第一层</span>
<span style="color:#981a1a">>>></span> <span style="color:#000000">第二层</span></span></span>

最外层

第一层

第二层

区块中使用列表

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#981a1a">></span> <span style="color:#000000">区块中使用列表</span>
<span style="color:#981a1a">></span> <span style="color:#116644">1.</span> <span style="color:#000000">one</span>
<span style="color:#981a1a">></span>     <span style="color:#981a1a">+</span> <span style="color:#000000">one1</span>
<span style="color:#981a1a">></span>     <span style="color:#981a1a">+</span> <span style="color:#000000">one2</span>
<span style="color:#981a1a">></span> <span style="color:#116644">2.</span> <span style="color:#000000">two</span>
<span style="color:#981a1a">></span> <span style="color:#116644">3.</span> <span style="color:#000000">three</span></span></span>

区块中使用列表

  1. one

    • one1

    • one2

  2. two

  3. three

列表中使用区块

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#981a1a">+</span> <span style="color:#000000">第一项</span><span style="color:#981a1a">></span> <span style="color:#000000">顿开教育</span><span style="color:#981a1a">></span> <span style="color:#000000">顽石老师</span>
<span style="color:#981a1a">+</span> <span style="color:#000000">第二项</span></span></span>
  • 第一项

    顿开教育 顽石老师

  • 第二项

代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(代码),例如:

<span style="background-color:#f8f8f8"><span style="color:#333333">`printf()`函数</span></span>

printf()函数

代码块

代码区块使用 4 个空格或者一个制表符(Tab 键)

<span style="background-color:#f8f8f8"><span style="color:#333333">void show()
{printf("顽石老师")
}</span></span>

你也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定):

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#008855">void</span> <span style="color:#0000ff">show</span>()
{<span style="color:#000000">printf</span>(<span style="color:#aa1111">"顽石老师"</span>)
}</span></span>

链接

内嵌式链接

外部链接:

链接使用方法如下:

<span style="background-color:#f8f8f8"><span style="color:#333333">[<span style="color:#000000">链接名称</span>](<span style="color:#000000">链接地址</span>)
<span style="color:#981a1a"><</span><span style="color:#000000">链接地址</span><span style="color:#981a1a">></span></span></span>

列如:

<span style="background-color:#f8f8f8"><span style="color:#333333">这是一个链接 [百度一下](<span style="color:#117700">www</span><span style="color:#555555">.baidu.com</span>)</span></span>

效果:这是一个链接 百度一下

直接使用链接地址:

<span style="background-color:#f8f8f8"><span style="color:#333333"><www.baidu.com></span></span>

效果:www.baidu.com

内部链接:

内部链接可以跳转到文档得指定位置。

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#999977">[</span>链接名称<span style="color:#999977">]</span>(#标题)</span></span>

效果:跳转到标题

引用式链接

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:

<span style="background-color:#f8f8f8"><span style="color:#333333">这个链接用1作为网址变量 <span style="color:#999977">[</span>Google<span style="color:#999977">][</span><span style="color:#221199">1</span><span style="color:#999977">]</span>
这个链接用baidu作为网址变量 <span style="color:#999977">[</span>Baidu<span style="color:#999977">][</span>baidu<span style="color:#999977">]</span>
这个链接用
​
在文档得几位为濒临赋值网址
<span style="color:#999977">[</span><span style="color:#221199">1</span><span style="color:#999977">]</span>: www.google.com
<span style="color:#999977">[</span>baidu<span style="color:#999977">]</span>: www.baidu.com</span></span>

这个链接用1作为网址变量 Google 这个链接用baidu作为网址变量 Baidu

这个链接用demo作为内部链接变量 跳转到标题

在文档结尾为变量赋值网址

[1]  https://www.google.com 谷歌网址
[baidu]  https://www.baidu.com 百度网址
[demo]  #标题 

注意:变量最好简单易懂,不要用数字。

图片

Markdown 图片语法格式如下:

<span style="background-color:#f8f8f8"><span style="color:#333333">!<span style="color:#999977">[</span>alt 属性文本<span style="color:#999977">]</span>(图片地址 "可选标题")</span></span>
  • 开头一个感叹号 !

  • 接着一个方括号,里面放上图片的替代文字

  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#981a1a">!</span>[<span style="color:#000000">百度图片</span>](<span style="color:#000000">https</span>:<span style="color:#aa5500">//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png)</span></span></span>

当然,你也可以像网址那样对图片网址使用变量:

<span style="background-color:#f8f8f8"><span style="color:#333333">!<span style="color:#999977">[</span>百度图片<span style="color:#999977">][</span>baidu_img<span style="color:#999977">]</span>
​
<span style="color:#999977">[</span>baidu_img<span style="color:#999977">]</span>: https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png</span></span>

[baidu_img]  https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png 

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img> 标签。

<span style="background-color:#f8f8f8"><span style="color:#333333"><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="50<span style="color:#aa5500">%"></span></span></span>

表格

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

语法格式如下:

<span style="background-color:#f8f8f8"><span style="color:#333333">|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |</span></span>

效果:

表头 表头
单元格 单元格
单元格 单元格

对齐方式

我们可以设置表格的对齐方式:

  • -: 设置内容和标题栏居右对齐。

  • :- 设置内容和标题栏居左对齐。

  • :-: 设置内容和标题栏居中对齐。

实例如下:

<span style="background-color:#f8f8f8"><span style="color:#333333">| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |</span></span>

效果:

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

emoji表情

MarkDown表情大全

MarkDown的用法相关推荐

  1. 【Linux】27.Markdown的用法

    Markdown的用法 参考https://www.jianshu.com/p/de9c98bba332 (1)在markdown中正确显示数学公式 Vistual Studio Code天生支持Ma ...

  2. markdown基本用法

    Markdowm教程 标题等级用法 一级标题,使用#+空格+标题 二级标题,使用##+空格+标题 依此类推 字体用法 粗体用法 内容前后都加两个号 test 斜体用法 内容前后都加一个号 test 删 ...

  3. 奇怪的 Markdown / LaTeX 笔记

    记一下日常见到的一些奇怪的 Markdown / LaTeX 用法... Markdown LaTeX LaTeX 数学 1. 运算符 1.1 造运算符: a \operatorname{sin} c ...

  4. markdown引入代码_markdown简单使用之插入代码段

    sky.png 题外话 前几天写了两篇iOS技术总结,这几天陆续有喜欢或者是关注,最开始之所以写简书,是想以后自己翻阅起来比较容易,当然能对网友有所帮助,那更好了.当初写的时候,关于插入代码那块,找了 ...

  5. Wiz写Blog? 不会再爱了,全面拥抱Markdown+Pandoc

    Wiz写Blog? 不会再爱了,全面拥抱Markdown+Pandoc 文章转载自 http://iout.in/archives/454.html 我们为什么写作? 自从人们开始写作,写作便是记录. ...

  6. 简书上使用markdown

    Markdown介绍 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. Markdown语法的目标是:成为一种适用于网络的书写语言「 ...

  7. 【Markdown常用语法总结】

    文章目录 一.Markdown简介 二.Markdown常用语法 2.1 文章目录 2.1.1 TOC方法 2.1.2 手动生成目录 2.2 标题 2.3 段落 2.3.1 首行缩进 2.3.2 字体 ...

  8. Typora markdown公式换行等号对齐_Markdown快速入门教程

    了解Markdown 人们在网上发布的文章大多都是通过 富文本编辑器 将所写内容+排版转换为Html格式,所显示出来. 而如今有了Markdown,人们能够更加方便地对文章进行排版修饰. ∴ Mark ...

  9. markdown转义_Markdown语法示例

    上一篇文章中介绍了如何通过Github和Jekyll搭建个人博客.而要想方便的进行博客写作,那么Markdown是必不可少的工具.本文将通过一些简单的例子来说明Markdown的用法. 什么是Mark ...

  10. html 中的一些知识

    这个是文本多余显示...的方法 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 安装 element npm i ele ...

最新文章

  1. 在maven项目中如何引入另外一个项目
  2. [bzoj2242][SDOI2011]计算器
  3. 液体火箭发动机技术国家级重点实验室2021年度对外开放项目指南
  4. opencv 提取图像线条 霍夫线检测
  5. ios状态栏字体颜色设置白色
  6. 在几何画板中如何制作圆柱的侧面展开动画_几何画板制作圆柱体的形成动画演示方法...
  7. Internet网络通信协议
  8. 白云机场停车费一天要多少钱,广州白云机场t2航站楼最近停车场
  9. 学校计算机协会面试自我介绍,个人社团面试自我介绍范文三篇
  10. 基于链表的学生信息管理系统和基于MySQL的学生信息管理系统 -C语言
  11. 【超好懂的比赛题解】第四届SCPC中南民族大学程序设计竞赛(同步赛)
  12. 仿照elementUI编写自己的表单组件
  13. 神经网络训练样本的标签,训练图像识别神经网络
  14. python爬虫实训第六天
  15. HDU 4379 - The More The Better
  16. 如何控制input的输入方向
  17. strip指令——减小文件的大小(给文件脱衣服)
  18. NXP-MPC5748G车载MCU使用(食用)方法(踩坑)实用指南(骗人教程)(一):创建工程与导入
  19. 动态规划问题——最长公共子序列问题
  20. c语言把结构体首地址放入指针,C语言基础———指针,结构体指针,函数指针

热门文章

  1. python 脚本 将一个文件夹下的所有文件遍历替换某些内容(将简体变为繁体)
  2. MPQ文件系统优化(续)
  3. M0、M1、M2、M3、M4
  4. 计算机怎么发音乐,有哪些方法可以把歌曲发送到远方的朋友的手机上?
  5. Web服务器之搭建python自带静态Web服务器
  6. 计算机报名503,503 service temporarily unavailable是什么意思【解决方法】
  7. Windows快速查看电脑显卡及处理器型号的方法
  8. phantomjs selenium实现刷搜索引擎,刷百度来路,刷点击,真实有效果
  9. 计算机网络双绞线的功能,双绞线由几根组成?双绞线每根线的作用
  10. Erlang学习时间曲线