📜  将图像添加到 readme.md (1)

📅  最后修改于: 2023-12-03 15:09:35.040000             🧑  作者: Mango

在编写 README.md 文件时,一张精美的图片往往可以提高文档的吸引力和可读性。那么,如何将图片添加到 README.md 文件中呢?

首先要确保图片文件已经存储在你的仓库中,推荐将图片存储在与 README.md 同级的文件夹中。

然后,在 README.md 文件中使用以下markdown语法:

![图片描述](图片链接)

其中,图片描述为可选项,可以简单介绍图片内容,图片链接需要设置为相对路径,如下:

![头像](./images/avatar.jpg)

注意:上述代码中的 ./images/ 是存放图片的文件夹,avatar.jpg 是图片名。

当然,也可以使用绝对路径引用图片链接,但不建议这样做,因为如果你的代码库转移到其他地方,可能会导致图片链接失效。

最后,上传代码时记得将图片文件和 README.md 文件一同上传到仓库中。这样,其他人查看你的文档时就可以轻松浏览图片了。

Markdown 标记如下:

![头像](./images/avatar.jpg)

代码片段:

![头像](./images/avatar.jpg)

注意:上述代码中的 ./images/ 是存放图片的文件夹,avatar.jpg 是图片名。