【Markdown语法】链接和图片

### 如何在Markdown中插入图片 在Markdown中，可以通过多种方式来插入图片。以下是几种常见的方法： #### 方法一：基本插入图片 使用`![]()`语法可以在Markdown文档中插入图片。其中，方括号内的文本作为替代文本（alt text），圆括号内的URL指向图片的位置。 ```markdown  ``` 例如： ```markdown  ``` 此方法适用于大多数支持Markdown的平台[^1]。 #### 方法二：带尺寸的图片 某些Markdown解析器允许指定图片的宽度和高度。这通常通过在图片链接后附加`=宽x高`实现。 ```markdown  ``` 例如： ```markdown  ``` 这种方法的具体表现取决于所使用的Markdown处理器[^5]。 #### 方法三：HTML嵌入图片 如果需要更复杂的控制（如浮动、边框等），可以直接使用HTML标签 `<img>` 来插入图片。 ```html <img src="图片链接" alt="替换文本" width="200" height="150"> ``` 例如： ```html <img src="https://example.com/image.jpg" alt="示例图片" width="200" height="150"> ``` 这种方式兼容性更强，尤其适合那些不完全支持Markdown扩展功能的情况[^2]。 #### 方法四：居中显示图片 为了使图片居中，可以结合HTML或特定的Markdown标记完成。一种常见做法是在HTML中加入`<center>`标签包裹图片。 ```html <center> <img src="图片链接" alt="替换文本"> </center> ``` 另一种方法是依赖于Markdown扩展特性，例如添加特殊参数 `#pic_center` 到图片链接后面。 ```markdown  ``` 注意，后者的效果可能因环境而异[^4]。 #### 方法五：相对路径与外部资源 当图片存储在同一项目目录下时，推荐使用相对路径引用本地文件；而对于托管在网络上的公开素材，则直接采用绝对URL即可。对于GitHub仓库而言，上传至某个分支下的图片可通过其Raw URL访问[^3]。 --- ### 示例代码展示 以下是一些实际应用的例子供参考： ```markdown ### 基础用法  ### 定义大小  ### 使用HTML属性调整样式 <img src="https://www.example.org/banner.jpg" style="border-radius: 10px;"> ### 居中文本块中的图像 <center><img src="https://www.example.org/graphic.svg"></center> ``` 以上每种形式都有各自适用场景，请依据具体需求选取最合适的方案。