ImageEmbedding

本地资源引用问题（以图片为例）

方法说明

1. Markdown直接引用借助hexo-renderer-marked渲染器

hexo-renderer-marked 3.1.0¹ 渲染器引入了一个新选项，允许在 markdown 中嵌入图片而不使用标签插件。需配置：

_config.yml
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

启用后，使用hexo new post ImageEmbedding创建文章时，会在source/_posts目录下自动生成目录同名目录ImageEmbedding。

├── source
|
└── _posts
    ├── ImageEmbedding.md
    └── ImageEmbedding
        └── image.jpg

若image.jpg是帖子ImageEmbedding的资源图像且位于/source/_posts/ImageEmbedding/image.jpg，则可以在name.md文档中采用如下方式直接引用：

![](image.jpg)

markdown引用

也可采用相对路径的方式引用：

![](./image.jpg)

相对路径引用

2. 使用html标签引用

<img src="https://ljxkkk0.github.io/Hexo使用指南/ImageEmbedding/image.jpg" width="100">

html引用可改变图片尺寸等，引用更灵活：

资源文件目录若在ImageEmbedding.md所在soure\_posts\目录下，且同名：

├── source
|
└── _posts
    ├── ImageEmbedding.md
    └── ImageEmbedding
        └── image.jpg

则此时也可采用相对路径的方式引用：

<img src="./image.jpg" width="100">

参考链接

---

1. https://github.com/hexojs/hexo-renderer-marked↩︎