Markdown笔记三

发布于 2024-01-04  375 次阅读


1.Markdown图片

插入图片Markdown语法代码:![图片alt](图片链接 "图片title")

对应的HTML代码:<img src="图片链接" alt="图片alt" title="图片title">

![Bing每日一图](https://api.isoyu.com/bing_images.php "每日Bing")

Bing每日一图

链接图片

给图片添加一个链接,实现点击图片时跳转:

[![Bing每日一图](https://api.isoyu.com/bing_images.php "每日Bing")](https://cn.bing.com/)

Bing每日一图

2.Markdown转移字符

在前面我们提到过,markdown使用**来标识斜体,那么如果我只是想输出*斜体*时该怎么办呢?转义字符的作用就是使这些特殊字符失去作用,markdown中的转义字符时反斜杠\:

\*这本应该是一段斜体字*

*这本应该是一段斜体字*

以下这些字符都可以使用反引号来进行转义:

  • 反斜杠 \

  • 反引号 `

  • 星号 *

  • 下划线 _

  • 花括号

  • 方括号 []

  • 小括号 ()

  • 井号 #

  • 加号 +

  • 减号 -

  • 英文句点 .

  • 叹号 !

  • 管道符号 |

    大家可以回想一下这些符号都有什么作用。

3.Markdown表格

Markdown的表格由管道符号|和减号-来组成,|用来分隔列,-用来分隔表头和其他行。需要注意的是-只要三个以上即可,不必铺满整个表头:

|列标题1|列标题2|列标题3|
|---|---|---|
|(1,1)|(1,2)|(1,3)|
|(2,1)|(2,2)|(2,3)|
|(3,1)|(3,2)|(3,3)|

显示如下:

列标题1 列标题2 列标题3
(1,1) (1,2) (1,3)
(2,1) (2,2) (2,3)
(3,1) (3,2) (3,3)

对齐方式

在标题行下用来分隔的减号-的不同位置添加冒号:,可以实现不同的对其效果,以下是一个实例:

|左对齐 |居中|右对齐|
|:---|:---:|---:|
|(1,1)|(1,2)|(1,3)|
|(2,1)|(2,2)|(2,3)|
|(3,1)|(3,2)|(3,3)|
左对齐 居中 右对齐
(1,1) (1,2) (1,3)
(2,1) (2,2) (2,3)
(3,1) (3,2) (3,3)

可以看到的是在markdown中绘制表格是比较麻烦的,官方的建议是使用其他工具来绘制表格,然后将代码复制过来,这是官方推荐的可视化工具Markdown Tables Generator,感兴趣的可以尝试一下。

在表格中可以设置某些文本格式,如链接,代码(仅反引号(`)中的单词或短语,而不是代码块)和强调。而标题,块引用,列表,水平规则,图像或HTML标签则无法在表格中使用。

另外如果想在表格中使用|符号,可以使用表格的HTML字符代码(|)。

4.Markdown高级技巧

删除线

在字符前后使用两个波浪号来绘制删除线,就~~像这样~~被划掉了

任务列表语法

markdown可以创建一个带复选框的的可交互列表,创建方式为在任务列表项之前添加减号-和方括号[ ],并在[ ]前面加上空格。要选择一个复选框,在方括号[x]之间添加 x :

- [x] 发布第一篇文章
- [ ] 发布第二篇文章
- [ ] 发布第三篇文章
  • 发布第一篇文章
  • 发布第二篇文章
  • 发布第三篇文章