[HexoPress] 编辑器功能详解

HexoPress 的编辑器已经演化成一个以“写作不断流”为目标的工作区:标题、元数据、正文、图片、目录和 AI 都集中在同一个界面里。

顶部区域:标题与保存动作

编辑器顶部包含标题输入框和保存按钮。根据文章当前状态不同,你会看到不同动作:

  • 新文章 / 草稿:保存草稿、发布
  • 已发布文章:更新

标题输入框右侧还能打开文件路径对话框,用来查看或调整这篇文档在磁盘上的实际路径。

元信息面板

编辑器中的折叠面板里,集中管理文章的 Front Matter:

  • 发布时间
  • permalink
  • 分类
  • 标签

如果当前文章已经发布,这里还会显示删除入口。分类区域使用树形选择器,适合处理多级分类;标签区域则更适合快速增删标签。

插图:请插入编辑器顶部和元信息折叠面板的截图

正文编辑器

正文区域使用实时 Markdown 编辑器,支持:

  • 语法高亮
  • 实时预览
  • Vim 模式
  • 按设置页中的字体、字号、自动换行和代码块主题即时生效

这意味着设置页里的外观调整不是“全局配置项而已”,而是会立刻反馈到当前打开的编辑器里。

图片拖拽上传

这是目前非常实用的一项功能。把本地图片直接拖进正文编辑区后,HexoPress 会:

  1. 弹出上传对话框
  2. 预填一个按年月组织的默认路径
  3. 上传到 source/images/YYYY/MM/
  4. 自动把 Markdown 图片语法插入正文

这比手工复制文件、切换目录、再写相对路径顺畅得多。

侧边工具栏

编辑器侧边是一组可切换的工具面板。

文件浏览

文件面板用于浏览 source 目录结构和当前路径的面包屑,适合在编辑时确认自己处在博客的哪个目录层级。

目录(TOC)

TOC 面板会从正文标题中提取层级结构,并实时跟踪当前激活标题。点击目录项后,编辑器会直接滚动到对应段落。

媒体面板

媒体面板会读取博客中的图片资源,支持:

  • 搜索
  • 预览
  • 查看尺寸和路径
  • 双击插入图片 Markdown

这和媒体库是互补关系:媒体库偏管理,媒体面板偏写作时快速插图。

AI 面板

AI 面板与正文共享上下文,可以读取全文、选区和 Front Matter 信息。它适合在写作中途直接做润色、摘要或讨论式写作辅助。详细用法见《AI 写作助手》。

自动保存与不中断写作

如果你在设置里开启自动保存,编辑器会在后台按周期保存有修改的文档。再加上拖拽上传、侧边面板和 AI 面板的协同,HexoPress 的目标就是尽量让你不需要频繁跳出当前写作界面。