📅  最后修改于: 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 是图片名。