003-使用表格代码以及添加图片进markdown

给markdown加上更多元素

markdown不仅仅只能表达普通的文字,你同样可以在markdown里面插入代码，表格,甚至图片

代码

一个好的介绍目录缺少不了正儿八经的代码
talk is cheap,show me your code!ヾ(ｏ･ω･)ﾉ

如何使用代码？

使用代码需要使用

上面那样的结构，在中间输入代码

如果想要代码高亮的话，在第一个```之后输入语言的名字,比如

可以看到，我们的print已经变了颜色

怎样让我们的代码片段前面有行号呢？

可以看到，我们此时的代码是没有行号的
我们需要加上行号得在第一个点后面加入{.line-numbers}

表格

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

语法格式如下：

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

显示结果

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

设置表格对齐

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

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

写法:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

显示结果

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

链接和图片

链接的使用

直接写入以http开头的链接就可以直接导入
https://github.com
如果想要用一些其他的文字代替链接，可以使用特殊格式

演示:
[通往码农的道路](https://github.com)
结果:

通往码农的道路

图片的使用

`![图片名字](图片链接)`

演示:
![pixiv](https://s.pximg.net/www/js/build/14e52f8ff79c3dc931eb16c6f4b53890.svg)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4PPSBuDe-1649215155621)(https://s.pximg.net/www/js/build/14e52f8ff79c3dc931eb16c6f4b53890.svg)]

回到主目录

https://blog.csdn.net/m0_52475295/article/details/123985863