📜  github markdown 中的图片 - Shell-Bash (1)

📅  最后修改于: 2023-12-03 14:41:30.260000             🧑  作者: Mango

Github Markdown 中的图片 - Shell-Bash

Github Markdown 是一种轻量级的标记语言,可以用于在Github上编写项目文档、README文件等。在Github Markdown中,我们可以使用图片来更好地呈现内容。

图片在Github Markdown中也被称为“媒体资源(Media Resources)”。以下是如何在Markdown中添加图片的方法:

1. 使用图片链接

最基本的方法是使用类似于HTML中的“img”标签来添加图片。如下示例:

![image description](https://www.example.com/image.png)

其中,“image description”是图片描述文本,可以为空。而 https://www.example.com/image.png 则是图片的URL。使用此方法无法控制图片大小和对齐方式。

2. 使用HTML标签

如果您需要更多的控制权,可以使用HTML标签来添加图片。例如:

<img src="https://www.example.com/image.png" alt="image description" width="200" height="200">

其中,“src”属性是图片的URL,“alt”属性是图片描述文本,“width”和“height”属性是图片的宽度和高度。使用此方法可以更好地控制图片大小和对齐方式。

3. 使用Github文件链接

如果您的图片文件在Github仓库中,则可以使用Github文件链接来添加图片。如下所示:

![image description](../path/to/image.png)

其中,“image description”是图片描述文本,可以为空。“../path/to/image.png”是图片文件相对于Markdown文件的相对路径。如果图片文件位于同一目录下,则可以使用相对路径“./image.png”。

4. 使用相对路径

如果您的图片文件与Markdown文件在同一目录下,则可以使用相对路径来添加图片。例如:

![image description](image.png)

其中,“image.png”是图片文件名。

以上是Github Markdown中添加图片的几种方法,使用其中的一种方法即可。在Markdown中,您可以添加任意数量的图片,以更好地呈现并描述您的内容。

返回markdown格式

1. 使用图片链接
![image description](https://www.example.com/image.png)
2. 使用HTML标签
<img src="https://www.example.com/image.png" alt="image description" width="200" height="200">
3. 使用Github文件链接
![image description](../path/to/image.png)
4. 使用相对路径
![image description](image.png)