Markdown语法你都会了吗? (2)

举例说明:

> 我是引用文本1 > > 我是嵌套的引用文本1 > > 我是嵌套的引用文本2 > > > 1. 在嵌套一层1 > > > 2. 在嵌套一层2 > > > > 我是嵌套的引用文本3 > > 我是引用文本2

看下效果:

我是引用文本1

我是嵌套的引用文本1
我是嵌套的引用文本2

在嵌套一层1

在嵌套一层2

我是嵌套的引用文本3

我是引用文本2

2.4、文字的样式

在Markdown中,还提供了几种很常见的文字样式,比如:加粗、倾斜、删除线等。

2.4.1、加粗

在文本的两端分别加上两个星号(**)或者下划线(__)。比如**xxx**,注意:不能有空格

举例说明:

**我是加粗的文本1** __我是加粗的文本2__

看下效果:

我是加粗的文本1
我是加粗的文本2

2.4.2、斜体

在文本的两端分别加上一个星号(*)或者一个下划线(_)。比如*xxx*,注意:不能有空格

举例说明:

*我是倾斜的文本1* _我是倾斜的文本2_

看下效果:

我是倾斜的文本1
我是倾斜的文本2

2.4.3、删除线

在文本的两端分别加上两个波浪号(~~)。比如~~xxx~~,注意:不能有空格

举例说明:

~~我是要删除的文本~~

看下效果:

我是要删除的文本

2.4.4、下划线

在Markdown的原生语法中是不存在下划线的语法的,因为它会和链接产生冲突。在下面讲到Markdown引用链接时,你就明白了。但是我们可以用html代码达到下划线的效果。

2.4.4.1、解决方案:

使用行内Html代码解决,当然,上面的几种文本样式同样可以用Html去完成它。

2.4.4.2、使用行内Html代码解决的两种方式

使用Html标签中的<u></u>标签,但是这种方案不推荐,因为Html5的代码规范以及<u></u>标签的不可定制性。

举例说明:

<u>我是带有下划线的文本</u>

看下效果:

我是带有下划线的文本

使用Html语言中的<span></span>标签,相信对于前端开发者来说,是再熟悉不过了。推荐用此方式

举例说明:下划线为绿色,并且高度为1px,并且下划线为虚线。

<span>所添加的需要加下划线的行内文字</span>

看下效果:

所添加的需要加下划线的行内文字

注意,要实现下划线为实线的话,请把dashed修改为solid

上面就是实现下划线的两种方式。

2.4.5、数学公式中的表达方法(很少用到)

用Markdown编写文档,用到数学公式的地方很少,我在这里列举常用的两三种,如果你想深入研究它,请参见在Markdown中输入数学公式(MathJax)这边文章,写的很详细

我在这里只举例说明数学公式中的上划线与下划线。

举例说明:

上划线: $\overline{X}$ 下划线: $\underline{X}$

看下效果:

数学公式中的上划线:$\overline{X}$

数学公式中的下划线:$\underline{X}$

2.5、链接与图片

在实际的文档编写中,链接的引用于图片的插入都很重要,而且其使用度也很高。而且链接和图片在其语法上也只有一个细微的差别。请看下面的实例

2.5.1、链接

链接的使用:英文下的一对中括号[]来包裹住链接的文本,中括号后面跟上英文下的一对小括号()来包裹住链接的地址。比如:[百度]()

举例说明:

[百度]() [掘金](https://juejin.im)

看下效果:

百度
掘金

2.5.2、图片

图片的使用和链接的使用几乎相同,只要在[]前面加上一个英文的感叹号即可,即(!)符号。

举例说明:

![图片1](图片的连接) ![图片2](图片的连接)

这里为了篇幅原因,就不举实例了,大家只要记住上面的用法就行了。
如果是在在线平台上插入图片,该平台一般会先上传你的图片后,该平台会给你生成该图片的链接地址。你用这个地址就可以了。

2.6、表格

Markdown中的实现表格是比较麻烦的。这里不多作解释,看下面的例子就知道了。

2.6.1、基本使用

举例说明:

| 列名1 | 列名2 | 列名3 | |---------|---------|---------| | 值1 | 值1 | 值2 | | 值1 | 值1 | 值2 | | 值1 | 值1 | 值2 |

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxffy.html