Markdown 基本使用

一、为什么要学习 Markdown?

  1. 语法简练,上手迅速
  2. 纯文本、轻量级
  3. 支持协作开发
  4. 所想即所得
  5. 跨平台、高兼容
  6. 使用广泛

二、Markdown 语法

2.1 标题

使用多个 # 的方式实现标题,Markdown 支持 1 ~ 6 级标题,6级标题以上将不会被识别。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.2 粗体、斜体、删除、分割线、更改颜色

使用单个 * 号包裹文字,实现斜体的效果:

*这是斜体效果*

使用两个 * 号包裹文字,实现粗体的效果:

**这是粗体效果**

使用两个 ~ 号包裹文字,实现删除的效果:

~~这是删除效果~~~

使用连续三个短横线 - 实现添加分割线:

---

Markdown 不支持文字更改颜色,如需支持,请使用 HTML 标签,例如红色:

<font color="red">红色</font>

2.3 有序列表、无序列表

使用数字加+ . 加空格实现有序列表:

1. 水果
2. 蔬菜
3. 肉类

使用短横线 - 加空格实现无序列表:

- 北京
- 南京
- 上海

如果想实现多级列表,子列表应保持与父列表2个或4个空格缩进

- 北京- 昌平- 海淀
- 南京- 秦淮- 浦口
- 上海

2.4 表格

  1. 表格第一行为表头,通过 | 分割每一列,在 | 中间填写表头信息。

  2. 表格第二行为表格信息,使用 | 分割列,每两个 | 中间使用 -填充。

    1. 默认表格居中对齐
    2. - 左侧添加: 将该列左对齐
    3. - 右侧添加: 将该列右对齐
  3. 从第三行开始为表格体信息。

|列1|列2|列3|
|:-|-|-:|
|a|b|c|

Tips:表格每个单元格内不支持换行,如果需要换行,请使用 <br> 标签。

2.5 超链接、图片、视频

使用如下方式实现超链接:

[文字描述](链接网址)

Tips: Markdown 超链接不支持新窗口打开,如需要,请使用 <a target="_blank"> 实现。

使用如下方式实现插入图片:

![图片描述](图片网址)

Tips: Markdown 图片不支持居中对齐、调整大小,如需要,请使用:

<img src="图片网址" alt="图片描述" width="100px" height="100px">

建议 widthheight 只设置一个,避免图片拉伸。

Markdown 本身是不支持视频的,但是我们可以通过 HTML 的 Iframe 来实现,在大部分的视频网站中,通过点击视频下方的获取嵌入代码,并将其粘入 Markdown 中即可。

Tips:视频自适应大小在 Markdown 中的实现比较复杂,受限于 Iframe 的特性,一般需要通过调整渲染的样式或其他途径来实现。例如在 Hexo 中调整主题的样式实现,或在 Gitbook 中按转换视频插件。

2.6 块与引用

使用 > 实现块级引用,一般用于引用其他出处内容。

>鲁迅曾今说过:...

块引用也支持多级嵌套,例如二级嵌套:

>这是一级块引用
>>这是二级块引用

Tips: 块引用中多段文字不支持空行,如需添加空行,请使用<br>

使用反单引号包裹文字,实现行内引用,一般用于名词,例如:

`Nginx` 是一个。。。

Markdown 支持插入代码块,使用三个反单引号加要高亮的语言名包裹代码块实现。

public static void main(String[] args) {sout("Hello World!");
}

Tips: 具体支持哪些语言由 Markdown 解析引擎来决定,但是常用的语言均支持

3.7 数学公式

绝大部分 Markdown 解释引擎支持 Mathjax 数学公式,详细的使用说明可以参考文章:https://blog.csdn.net/qq_36148847/article/details/79419814,这里只列出常见的符号。

使用 \frac{}{}表示除法,使用 \ast 表示乘号,例如:

f(x) = \frac{a+b}{a \ast b}

渲染结果为:

f ( x ) = a + b a ∗ b f(x) = \frac{a+b}{a \ast b} f(x)=aba+b

使用 ^_ 分别表示上标和下标,使用 \sum_{}^{}表示求和符号,例如:

\sum_{n=1}^{n<10} n^2 + 2

渲染结果为:

∑ n = 1 n &lt; 10 n 2 + 2 \sum_{n=1}^{n&lt;10} n^2 + 2 n=1n<10n2+2

3.8 目录

Markdown 原生不支持目录,但是绝大部分的 Markdown 引擎都支持,一般使用 [toc] 实现,少部分使用 @[toc] 实现。

3.9 首行缩进

Markdown 本身不支持首行缩进,因此在中文模式下可以使用 &emsp; 实现空出一个中文字符,例如:

&emsp;&emsp;首行缩进两个字符

3.10 更多用法

Markdown 还支持更多功能,例如制作流程图、甘特图等,但上手难度大,与传统方式相比优势不大,因此看个人喜好而定。

三、CommonMarkdown

Markdown 于2004年被开发,至今已经有几十种转HTML的实现方式。由于早期缺少规范,各个解释器各自为战,所以可能出现你编写的Markdown在有的解释器上能够渲染,有的无法渲染。

雪上加霜的是,Markdown没有语法错误的说法,所以你可能无法即时的发现错误,导致文档不能体现跨平台的优点。

CommonMark 就是一个强定义规范,包含Markdown创始人参与,规范严格,基本适应所有的编辑器。

Markdown使用进阶教程相关推荐

  1. Markdown 简易入门教程

    自己整理的 Markdown 简介.编辑器推荐.语法.特征等,是 Markdown 的简易入门教程 目录 概述 简介 官方文档 Markdown编辑器 初级语法 标题 粗体和斜体 段落和换行 分隔线 ...

  2. javascript进阶教程第一章案例实战

    javascript进阶教程第一章案例实战 一.学习任务 通过几个案例练习回顾学过的知识 通过练习积累JS的使用技巧 二.实例 练习1:删除确认提示框 实例描述: 防止用户小心单击了"删除& ...

  3. JSP WEB开发入门基础到高手进阶教程002

    JSP WEB开发入门基础到高手进阶教程 -------开发入门 JSP与微软的Active Server Pages 兼容,但它是使用类似HTML的卷标以及Java程序代码段而不是VBScript. ...

  4. duilib进阶教程 -- 在MFC中使用duilib (1)

    由于入门教程的反响还不错,因此Alberl就以直播的形式来写<进阶教程>啦,本教程的前提: 1.请先阅读<仿迅雷播放器教程> 2.要有一定的duilib基础,如果还没,请先阅读 ...

  5. 爬虫进阶教程:极验(GEETEST)验证码破解教程

    原文链接及原作者:爬虫进阶教程:极验(GEETEST)验证码破解教程 | Jack Cui 一.前言 爬虫最大的敌人之一是什么?没错,验证码![Geetest]作为提供验证码服务的行家,市场占有率还是 ...

  6. 《Web前端开发精品课 HTML与CSS进阶教程》——1.4 id和class

    本节书摘来自异步社区<Web前端开发精品课 HTML与CSS进阶教程>一书中的第1章,第1.4节,作者: 莫振杰 更多章节内容可以访问云栖社区"异步社区"公众号查看. ...

  7. STM32 进阶教程 20 - 串口+DMA实现OneWire总线

    前言 One-wire总线使用一根并联总线完成对于多个设备的访问,通过上拉的OD门实现多设备的读写操作,通过ID区别设备,通过CRC5完成数据校验.常见对于one-wire总线的操作代码主要使用包含基 ...

  8. STM32 进阶教程 19 - IQmath数学库的使用

    前言 STM32 M3 系列是不带浮点运算单元的,小数运算都是采用定点转浮点试式实现的,本节给大家介绍一个很好用的定点转浮点数学运算库,IQmath是德州仪器 (TI) 的一个高度优化的高精度数学函数 ...

  9. STM32 进阶教程 18 – ADC间断模式

    前言 STM32 的ADC拥有连续扫描模式,也有间断模式,间断模式较扫描模式需要更多的触发事件才能完成所有的通道转换操作,在实际工程应用中,可以利用间断模式实现一些特殊应用.关于间断模式,在STM32 ...

最新文章

  1. 在SQLserver数据库里设置作业的步骤
  2. python命名空间更改_在Python中使用ElementTree改变命名空间前缀
  3. python 字符串前加u r b的意义
  4. python代码创建数据库_python创建数据库代码
  5. WebSocket+MSE——HTML5 直播技术解析
  6. 我的第一个Spring MVC程序
  7. linux 命令行使用技巧linux 下的文件管理
  8. 2016年4月11日作业(法律法规、标准规范、职业道德)
  9. 二分法——leetcode35. 搜索插入位置
  10. 前端学习(1923)vue之电商管理系统电商系统之说明角色要完成的功能
  11. linux setsockopt函数
  12. esp32找不到com端口_玩转GPIO之ESP32点灯大法(MicroPython版)
  13. Eclipse中 Project facet jst.web.jstl has not been defined.解决方案
  14. MATLAB-典型动态系统建模与仿真
  15. 机器学习--逐步回归算法,线性回归的特征选择算法
  16. Android系统最高的电视盒子,2019年电视盒子排行榜:市面上性能最强的电视盒子大盘点...
  17. 0投入,高收益,门槛低,自媒体副业推荐
  18. 异次元发卡源码/荔枝发卡V3.0二次元风格发卡网全开源源码/对接免签约支付接口
  19. 《般若波罗蜜多心经》全文及解释
  20. 免费使用腾讯云每天定时签到京东领取京豆

热门文章

  1. 三维图形变换:三维几何变换,投影变换(平行/ 透视 投影)
  2. HTML+CSS静态页面游戏网站设计——腾讯游戏(页)学生HTML个人网页作业作品下载 个人网页设计制作 大学生个人网站作业模板 简单个人网页制作
  3. Linux通过df命令查看显示磁盘空间满,但实际未占用问题
  4. 批量注册163邮箱的代码
  5. 【MobileViT】
  6. 无人机通信信道模型实现代码
  7. 苹果降价600元,对本就溃败的国产旗舰手机几乎是毁灭性打击
  8. Vulnhub_MoneyBox
  9. 自我拷贝数的C语言编码,“数学黑洞——自我拷贝数”有哪些?
  10. 【Unity笔记】连招动画切换方式(一)