【Hexo 指南】巧用 Typora 实现图片路径的优雅管理

在 Hexo 博客的日常维护中,图片路径管理无疑是一项既重要又时常引发困扰的任务。如何在本地使用 Typora 流畅写作,同时确保 Hexo 生成站点时图片链接准确无误,是许多博主追求的目标。本文旨在提供一种清晰的思路和实战方法,利用 Typora 的特性,配合合理的 Hexo 图片组织方式,实现“一次配置,长久省心”的图片管理体验。


痛点回顾:Hexo 图片路径为何令人迷惑?

Hexo 提供了 post_asset_folder: true 的配置,允许将图片存放在与文章同名文件夹中,并通过相对路径引用。

fig.1

但是hexo g后,会发现,图片与由.md转化而来的HTML文件竟然在同一文件夹下,以至于原本设置好的相对路径无法使用,如图2:

fig.2


笔者思索良久。。。。。。


思考过程

在学习了市面上的相关资料,并且AI助手反复沟通效果甚微后,灵光乍现💡:

由于笔者此前一直使用typora软件进行md笔记书写,而typora软件可以自行定义:

  1. 图片是否复制;

  2. 图片复制路径;

    如图3:

fig.3

基于此前知识以及博主智慧,将typora路径功能进行发展,最终实现:

  1. md文件名与图片文件夹一一对应;

  2. 一次设置,终生质保的快捷处理方式。


演示

  1. post_asset_folder: false无需进行创建;

  2. source目录下建立image用于存放图片文件夹;

    image-20250508212209100

  3. 使用typora时,将图片偏好设置为:

    image-20250508211431308

  4. 设置完成hexo clean & hexo gpublic文件夹中生成image文件。

  5. hexo s显示成功。



【Hexo 指南】巧用 Typora 实现图片路径的优雅管理
https://xingdayup.github.io/2025/05/08/Image_Path_Configuration_Guide/
Author
Jesse Chen
Posted on
May 8, 2025
Licensed under