[HexoPress] 媒体库

博客中经常需要插入图片和其他文件资源。HexoPress 的媒体库提供了一个集中管理这些资源的界面。

进入媒体库

点击左侧导航栏的「媒体库」,进入媒体资源管理页面。页面分为两个标签页:

  • 图片:管理博客中的所有图片资源
  • 文件:管理其他类型的文件

图片管理

图片浏览

图片标签页以网格形式展示博客中的所有图片,每张图片都有缩略图预览。HexoPress 会自动将同名但不同格式的图片(如 photo.jpgphoto.webp)归为一组,方便管理。

图片预览功能依赖 HexoPress 内置的本地 HTTP 服务器(端口 2357),它会自动启动,无需额外配置。

“插图:请插入媒体库图片标签页的截图,展示图片网格和缩略图预览”

清理未使用的图片

媒体库提供了一个实用的功能:删除未被任何文章引用的图片。这可以帮助你清理博客目录中的冗余资源,减小博客的体积。

支持清理的图片格式包括:PNG、JPG、JPEG、WebP、GIF、SVG。

文件管理

文件标签页以表格形式展示博客 source 目录下的非文章文件,显示文件名、修改日期等信息。

“插图:请插入媒体库文件标签页的截图,展示文件表格列表”

在编辑器中插入图片

除了在媒体库中浏览图片,你还可以在编辑器的媒体侧边面板中直接搜索和插入图片到文章中。选中图片后,编辑器会自动生成 Markdown 图片语法并插入到光标位置。

告别命令行的图片管理

在传统的 Hexo 工作流中,管理图片是一件相当繁琐的事情。你需要手动将图片复制到 source 目录下的某个位置,然后在 Markdown 中手写图片路径,还要自己记住哪些图片用过、哪些没用过。

HexoPress 的媒体库彻底改变了这个体验:

  • 可视化浏览:缩略图网格让你一眼看到所有图片,不用在文件管理器里翻找
  • 智能分组:同名不同格式的图片自动归组,管理多格式资源更清晰
  • 一键插入:在编辑器侧边面板中选择图片即可插入,告别手写路径
  • 冗余清理:自动检测未被引用的图片,帮你保持博客目录的整洁

这些功能组合在一起,让图片管理从一个令人头疼的环节变成了一个顺畅的体验。