HEXO插入图片的正确姿势

Author Avatar
David 8月 23, 2021
  • 在其它设备中阅读本文章

起因

在今天上午第一次为博客使用 Markdown 语法插入图片的时候,无论如何配置,均无法正常引用图片,经过一番查找,现找到一个完美且简洁的解决方案

解决方案

首先安装 hexo-asset-image 插件
npm install hexo-asset-image --save
然后打开你博客根目录下的 _config.yml
修改位于 #writing 下的 post_asset_folder 的值为 true 并保存
使用 hexo new post title 创建一个新的页面,这时, source/_posts 下会生成一个新文章和与其同名文件夹;如之前已有文章则可在 source/_posts 创建与现有文章的同名文件夹即可
将你要插入的图片放入与文章同名的文件夹
在文章中使用 Markdown语法 ![alt_text](image.jpg) 即可插入图片

优点

  1. 此方法操作简单,无需额外代码
  2. 目录整洁,,容易寻找对应文件,也方便以后修改

缺点

效率低下,,每张图片需要手动输入 Markdown 语句,如果需要同时插入大量图片,工作量过大

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

本文链接:https://qamoe.cyou/blog/2021/08/23/15/26