Ink One

MarkDown 图片编辑

发表于 | | 阅读次数

插入图片

本地图片

MarkDown中插入本地图片的语法为：![](dir/imgname)

  1. 使用相对路径插入图片
    如，把名为1.png的图片和*.md文件放在一起，则可以插入图片![](1.png)
    如果1.png图片放在与*.md同一目录的名为image的文件夹下，则可以插入图片![](image/1.png)
  2. 同样地，图片路径可采用绝对路径

利用GitHub

利用Github存储图片，在*.md中引用图片链接地址。采用如下步骤：

  1. 将所需的图片发布到GitHub上
  2. 访问GitHub上的图片 Image_Example
  3. 右键 Download，选择复制链接。
  4. 在*.md中引用图片![](img_url),其中img_url为所复制的链接。

图片编辑

嵌入HTML代码

使用 <img> 标签，可指定 width 或 height 属性值，或在 style 属性中设置。

1
2
3
4
<img src="img_url" width="200px" />
<img src="img_url" width="50%" />
<img src="img_url" style="height:200px" />
<img src="img_url" style="zoom:50%" />

图片居中可使用 <center> 标签：

1
<center>![](img_url)</center>