在Hexo中使用图片

Hexo 默认支持的插入图片方式很差,不太方便

默认的插入图片方式

config.yaml文件中更改一下配置:

1
post_asset_folder: true

在Markdown中插入: {% asset_img image.jpg 这是一张图片 %}

不太方便的插入方式

以 Markdown 语法插入 (hexo-asset-img 插件)

安装:

1
npm install hexo-asset-img --save
1
2
3
4
5
hexo-typora
├── apppicker.jpg
├── logo.png
└── rules.jpg
hexo-typora.md

Make sure post_asset_folder: true in your _config.yml.

hexo-typora.md: Just use ![logo](hexo-typora/logo.png) to insert logo.png.


hexo-typora.md: 使用 ![logo](hexo-typora/logo.png) 来插入图片 logo.png

保证 post_asset_folder: true 在配置文件 _config.yml
仓库

注意:
此插件不能使用转义替代原字符,如转义替代中文或空格,如果使用VSCode自带的粘贴图片,则文件名必须为英文且无空格以保证没有转义字符,或手动修改,或使用插件Paste Image