Hexo博客Hueman主题中如何用相对链接设置文章缩略图？

我来帮你搞定这个头疼的缩略图404问题！你的核心问题出在路径配置和Hexo资源管理的匹配上，结合Hueman主题的特性，给你一步步的解决方案：

1. 开启Hexo的文章资源文件夹功能 #

首先打开Hexo根目录的_config.yml，找到post_asset_folder选项，把它设为true：

post_asset_folder: true

这个设置的作用是，每新建一篇文章（比如ChocolateLove.md），Hexo会自动在source/_posts目录下生成一个同名的文件夹ChocolateLove，你把choco.jpg放到这个文件夹里就对了。

2. 修改文章头部的缩略图路径 #

把原来的绝对路径改成相对路径，直接写图片文件名就行：

---
title: ChocolateLove
date: 2018-05-08 04:55:56
tags: [css, chocolate]
thumbnail: choco.jpg
---

为什么原来的/ChocolateLove/choco.jpg不行？因为开启资源文件夹后，图片实际会被编译到public/_posts/ChocolateLove/choco.jpg，而绝对路径/xxx会指向public根目录下的xxx，自然找不到文件导致404。

3. 检查Hueman主题的缩略图配置 #

打开Hueman主题目录下的_config.yml，确认有没有和缩略图路径相关的配置项。比如有些主题会有asset_img_prefix或者thumbnail_prefix，如果有的话，确保它没有强制添加绝对路径前缀，或者把它设为空值，让主题能正确识别文章内的相对资源路径。

4. 清理缓存重新生成 #

最后别忘了执行Hexo的清理和重新生成命令，避免缓存导致的路径问题：

hexo clean && hexo generate && hexo server

做完这些，再刷新浏览器，缩略图应该就能正常显示了！

内容的提问来源于stack exchange，提问作者Alexander Solonik