hexo文章插入本地图片失败

Posted on | In

之前插入本地图片一直失败，已经按照教程修改了_config.yml下的post_asset_folder: true，而且也安装了hexo-asset-image，把图片image.jpg放进文章同名的文件夹322内，markdown写入![](322/image.jpg)，执行hexo s图片显示失败。

好，开始找原因。

按F12查找源码，发现图片路径为http://localhost:4000/2020/03/22/322/image.jpg，链接复制粘贴到浏览器确实没有图片，但是在本地public/2020/03/22/322下已经生成了image.jpg。这就很无语了…

然后我仔细查看了路径，试着改为http://localhost:4000/blog/2020/03/22/322/image.jpg，发现成功显示图片！（我的博客本地打开后是localhost:4000/blog/）。于是在hexo根目录下的_config.yml末尾添加:

1
imgroot: /blog/

其中blog改为你自己的博客名，然后执行

1
2
3
hexo clean
hexo g
hexo s

即可成功在文章中插入图片。

补充：关于asset-image插件，安装后需要修改package.json源码，如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
{
  "_from": "hexo-asset-image@^1.0.0",
  "_id": "hexo-asset-image@1.0.0",
  "_inBundle": false,
  "_integrity": "sha512-jkuUJNPRMH6v7HqzP2BAwEZavMzVxNWhl8jZl9BmFYB22/aq2+zixGIhV4vedI9cLPydjn9DfII41/MMXtzJTA==",
  "_location": "/hexo-asset-image",
  "_phantomChildren": {},
  "_requested": {
    "type": "range",
    "registry": true,
    "raw": "hexo-asset-image@^1.0.0",
    "name": "hexo-asset-image",
    "escapedName": "hexo-asset-image",
    "rawSpec": "^1.0.0",
    "saveSpec": null,
    "fetchSpec": "^1.0.0"
  },
  "_requiredBy": [
    "#USER",
    "/"
  ],
  "_resolved": "https://registry.npmjs.org/hexo-asset-image/-/hexo-asset-image-1.0.0.tgz",
  "_shasum": "f229ad28b071a32b1d5b121f929a296e714fd24a",
  "_spec": "hexo-asset-image@^1.0.0",
  "_where": "E:\\github\\blog",
  "author": {
    "name": "xcodebuild"
  },
  "bundleDependencies": false,
  "dependencies": {
    "cheerio": "^0.19.0",
    "entities": "^1.1.2"
  },
  "deprecated": false,
  "description": "Give asset image in hexo a absolutely path automatically",
  "keywords": [
    "hexo",
    "iamge",
    "asset",
    "path"
  ],
  "license": "MIT",
  "main": "index.js",
  "name": "hexo-asset-image",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "version": "1.0.0"
}

里面的_where修改为自己的项目路径。