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

Be-make

已于 2022-04-08 10:21:00 修改

阅读量1.1k

点赞数

分类专栏：教程文章标签：编辑器 visual studio code

于 2022-04-06 11:20:24 首次发布

本文链接：https://blog.csdn.net/m0_52475295/article/details/123985696

版权

15 篇文章

订阅专栏

本文介绍了如何在Markdown中使用代码块、创建美观的表格，并展示了链接和图片的插入方法，帮助读者提升文档的丰富性和技术呈现能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给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)]