hexo_优化图片插入使用 hexo-image-link
hexo_优化图片插入使用 hexo-image-link
Bin Lian之前使用的 assert-image package在hexo 6中使用出现问题,所以适应 hexo-image-link 来替代
介绍一下使用中的hexo插入图片的方法。
cocowool/hexo-image-link: 当MD中引用本地文件时,处理生成的html中的图片链接。 (github.com)
安装插件
npm 安装
1 | npm install hexo-image-link --save |
编辑配置文件
在hexo的_config.yml
文件中,做以下修改
1 | post_asset_folder: true |
做了这个修改的效果是,
新建文章post时,会自动生成和文章名相同的文件夹。
这个文件夹存放当前文章所用图片的地方。
以 $ hexo new "shenghuo"
为例,结构如下:
1 | shenghuo |
图片插入时的语法
按照markdown的插入图片的语法来写,
图片名称就是图片路径。
e.g.
⚠️图片格式大写可能会找不到图片
感谢你赐予我前进的力量|Thank you for your support!
赞赏者名单|List of supporters
因为你们的支持让我意识到写文章的价值🙏
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Comment
匿名评论隐私政策
✅ 你无需删除空行,直接评论以获取最佳展示效果