GhostOsintDesk

外观

图片引用说明

约 285 字小于 1 分钟

在VuePress中，图片可以通过两种方式引用：

1. 外部图片引用

可以直接引用外部图片的URL地址，不需要下载到本地。示例：

![外部图片示例](https://example.com/image.jpg)

<img src="https://example.com/image.jpg" alt="外部图片示例" width="500" />

2. 本地图片引用

将图片放在 docs/.vuepress/public 目录下，然后通过相对路径或绝对路径引用。示例：

![本地图片示例](/assets/image.jpg)

<img src="/assets/image.jpg" alt="本地图片示例" width="500" />

3. Mail部署文档中的图片引用

对于Mail部署文档，你可以直接引用原文档中的图片URL。原文档中的图片URL可以通过查看原文档的HTML源代码获取。

示例：

### 1 绑定域名

注册账号登录到 cloudflare 控制台，开始绑定域名

![绑定域名示例](https://doc.skymail.ink/assets/images/via-ui/step1.jpg)

4. 注意事项

  • 外部图片引用可能会受到原网站的防盗链限制
  • 外部图片可能会因为原网站的变更而失效
  • 建议将重要的图片下载到本地，放在 public 目录下引用