这可能是最好的Hexo图片管理方案

i@glowisle.me (五葉地錦) — Sun, 29 Jun 2025 10:52:05 +0000

前言

通常在Hexo博客中，我们管理图片资源都有以下两种方案：

在_post目录下新建文章同名文件夹
在source目录下新建images文件夹，存放所有图片

两种方法各有优劣，前者方便查找但污染目录，后者集中管理但维护成本高。所以就诞生出本文要介绍的方法——images目录下新建文章同名目录

这是一个折中的办法，既保留方法1的查找方便，又保留方法2的集中性。

实现方法

创建脚本文件

在Hexo根目录的scripts文件夹（若不存在则新建）下创建一个javascript脚本，我这里就命名为auto-image-folder.js

const fs = require("fs")
const path = require("path")

hexo.on("new", function(data) {
        const postName = path.basename(data.path, ".md")
        const imageDir = path.join(hexo.source_dir, "images", postName)

        if(!fs.existsSync(imageDir)){
                fs.mkdirSync(imageDir, {recusive: true})
        }
})

效果测试

hexo new "新文章"

这时候就在images目录下新建了一个与文章同名的文件夹。

编辑器设置优化

Typora

打开Typora → 偏好设置 → 图像

设置：

插入图片时：复制到指定路径
自定义路径：../source/images/${filename}/
勾选：优先使用相对路径

PS E:\blog> ls .\source\images\测试\


    目录: E:\blog\source\images\测试


Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
-a----         2025/6/29     11:14            229 image-20250629111411456.png

完成！

【无废话】全网最简单的Hexo+Obsidian图片解决方案

i@glowisle.me (五葉地錦) — Wed, 05 Mar 2025 21:17:42 +0000

把Hexo博客根目录用黑曜石打开，如果已经打开了仓库

在弹出的窗口中选第二个。

在source目录下新建images文件夹用于存放图片设置 => 文件与链接 => 附件默认存放路径：选择指定的附件文件夹。路径填写刚刚创建的image文件夹的相对路径取消使用Wiki链接注意。由于我的文件结构是这样的所以这么填写，要根据自己的文件结构填写相对路径。

搞定，同时可以在本地编辑环境和博客网站中显示。

Hexo on 映屿

这可能是最好的Hexo图片管理方案

前言

实现方法

编辑器设置优化

Typora

【无废话】全网最简单的Hexo+Obsidian图片解决方案