Hexo图片添加

Ricardo Pu Lv4
  2024-06-03 22:17:34 2024-06-03 22:17:34 Created   2026-08-03 13:22:50 2026-08-03 13:22:50 Updated      

使用绝对路径

使用绝对路径引用图片。绝对路径是基于 source 文件夹的根目录。以本博客为例：
将图片放在 source/images 文件夹中。

在 Markdown 文件中使用以下语法：

1
![描述](https://wsrv.nl/?url=http%3A%2F%2Fricardopu.servehttp.com%2F%253Cspan%2520class%3D%2522link%2522%253E%2Fimages%2F%25E5%259B%25BE%25E7%2589%2587%25E5%2590%258D.jpg%253C%2Fspan%253E&default=http%3A%2F%2Fricardopu.servehttp.com%2F%253Cspan%2520class%3D%2522link%2522%253E%2Fimages%2F%25E5%259B%25BE%25E7%2589%2587%25E5%2590%258D.jpg%253C%2Fspan%253E)

随便写的描述

使用相对路径

还是以本博客文件结构为例，将图片放在 source/ResourceExample/images 文件夹中。
在 Markdown 文件中使用以下语法：

1
![描述](https://wsrv.nl/?url=http%3A%2F%2Fricardopu.servehttp.com%2F%253Cspan%2520class%3D%2522link%2522%253E.%2Fimages%2F%25E5%259B%25BE%25E7%2589%2587%25E5%2590%258D.jpg%253C%2Fspan%253E&default=http%3A%2F%2Fricardopu.servehttp.com%2F%253Cspan%2520class%3D%2522link%2522%253E.%2Fimages%2F%25E5%259B%25BE%25E7%2589%2587%25E5%2590%258D.jpg%253C%2Fspan%253E)

绝对路径

使用外部服务器链接

如果图片存储在外部服务器上，可以直接使用图片的 URL：

1
![描述](https://wsrv.nl/?url=https%3A%2F%2Fexample.com%2F%E5%9B%BE%E7%89%87%E5%90%8D.jpg&default=https%3A%2F%2Fexample.com%2F%E5%9B%BE%E7%89%87%E5%90%8D.jpg)

谷歌找的

  • Title: Hexo图片添加
  • Author: Ricardo Pu
  • Created at : 2024-06-03 22:17:34
  • Updated at : 2026-08-03 13:22:50
  • Link: http://ricardopu.servehttp.com/2024/06/03/Hexo图片添加/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments
On this page
Hexo图片添加
  1. 使用绝对路径
  2. 使用相对路径
  3. 使用外部服务器链接