Hexo 图片测试

字数统计: 710阅读时长: 3 min

 2017/04/21   Share

(莫名其妙就想设置背景音乐...) hexo插入图片好像是个问题，使用绝对路径相对路径都行不通（貌似）。遂百度了下得知可以用hexo的 asset功能，具体实现如下： 1.在hexo根目录下的_config.yml文件中将 post_asset_folder参数设置为true:

1	post_asset_folder: true

2.然后安装插件CodeFalling/hexo-asset-image： hexo目录下执行:

1	npm install https://github.com/CodeFalling/hexo-asset-image --save

3.安装完成后用hexo新建文章的时候会在_posts目录下多出一个和文章名字一样的文件夹，图片就可以放在这个文件夹里面:

WechatIMG2
4.

1	![](图片测试/aNou.jpg)

这样就可以插入图片了。

但是

这种方法看似简单，然后当我安装好插件之后执行 hexo g的时候，终端给我抛出一段错误:

FATAL Cannot read property 'replace' of undefined
TypeError: Cannot read property 'replace' of undefined
    at Object.<anonymous> (/Users/rongfeng/Desktop/Blog/hexo/node_modules/hexo-asset-image/index.js:31:38)
    at initialize.exports.each (/Users/rongfeng/Desktop/Blog/hexo/node_modules/hexo-asset-image/node_modules/cheerio/lib/api/traversing.js:293:24)
    at Hexo.<anonymous> (/Users/rongfeng/Desktop/Blog/hexo/node_modules/hexo-asset-image/index.js:29:16)
    at Hexo.tryCatcher (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/util.js:16:23)
    at Hexo.<anonymous> (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/method.js:15:34)
    at /Users/rongfeng/Desktop/Blog/hexo/node_modules/hexo/lib/extend/filter.js:68:35
    at tryCatcher (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/util.js:16:23)
    at Object.gotValue (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/reduce.js:155:18)
    at Object.gotAccum (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/reduce.js:144:25)
    at Object.tryCatcher (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/util.js:16:23)
    at Promise._settlePromiseFromHandler (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/promise.js:512:31)
    at Promise._settlePromise (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/promise.js:569:18)
    at Promise._settlePromise0 (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/promise.js:614:10)
    at Promise._settlePromises (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/promise.js:693:18)
    at Async._drainQueue (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/async.js:133:16)
    at Async._drainQueues (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/async.js:143:10)
    at Immediate.Async.drainQueues (/Users/rongfeng/Desktop/Blog/hexo/node_modules/bluebird/js/release/async.js:17:14)
    at runCallback (timers.js:672:20)
    at tryOnImmediate (timers.js:645:5)
    at processImmediate [as _immediateCallback] (timers.js:617:5)

然后

就没有然后了，也查了点资料，然并卵。只好另寻他路。。。

然而

不久，便发现了一个不错的工具—–MWeb;
插入图片拖进文件就可以，它自动会填充好代码，同时他能支持图形界面的查看，所见即所得，这正是我最近想找的一个Markdown编辑器。
需要注意的一点是，在导入soure文件的时候指定一个图片的存放路径即可：
WechatIMG4

WechatIMG5

况且，MWeb的图像界面看上去也挺友好的，上手快，确实是个不错的Markdown编辑器。
WechatIMG3

总结

记录下折腾的过程，大家有什么好的方法给我给我介绍介绍，😆。

原文作者：周老实

原文链接：http://yoursite.com/2017/04/21/Hexo%20%E5%9B%BE%E7%89%87%E6%B5%8B%E8%AF%95/

发表日期：April 21st 2017, 10:24:54 am

更新日期：August 27th 2025, 4:45:29 pm

Next Post

2017 像个书虫
Previous Post

无奈之相册

CATALOG

1. 但是
2. 然后
3. 然而
4. 总结



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true