HexoPress 的编辑器已经演化成一个以“写作不断流”为目标的工作区:标题、元数据、正文、图片、目录和 AI 都集中在同一个界面里。
顶部区域:标题与保存动作
编辑器顶部包含标题输入框和保存按钮。根据文章当前状态不同,你会看到不同动作:
- 新文章 / 草稿:保存草稿、发布
- 已发布文章:更新
标题输入框右侧还能打开文件路径对话框,用来查看或调整这篇文档在磁盘上的实际路径。
元信息面板
编辑器中的折叠面板里,集中管理文章的 Front Matter:
- 发布时间
- permalink
- 分类
- 标签
如果当前文章已经发布,这里还会显示删除入口。分类区域使用树形选择器,适合处理多级分类;标签区域则更适合快速增删标签。
插图:请插入编辑器顶部和元信息折叠面板的截图
正文编辑器
正文区域使用实时 Markdown 编辑器,支持:
- 语法高亮
- 实时预览
- Vim 模式
- 按设置页中的字体、字号、自动换行和代码块主题即时生效
这意味着设置页里的外观调整不是“全局配置项而已”,而是会立刻反馈到当前打开的编辑器里。
图片拖拽上传
这是目前非常实用的一项功能。把本地图片直接拖进正文编辑区后,HexoPress 会:
- 弹出上传对话框
- 预填一个按年月组织的默认路径
- 上传到
source/images/YYYY/MM/ - 自动把 Markdown 图片语法插入正文
这比手工复制文件、切换目录、再写相对路径顺畅得多。
侧边工具栏
编辑器侧边是一组可切换的工具面板。
文件浏览
文件面板用于浏览 source 目录结构和当前路径的面包屑,适合在编辑时确认自己处在博客的哪个目录层级。
目录(TOC)
TOC 面板会从正文标题中提取层级结构,并实时跟踪当前激活标题。点击目录项后,编辑器会直接滚动到对应段落。
媒体面板
媒体面板会读取博客中的图片资源,支持:
- 搜索
- 预览
- 查看尺寸和路径
- 双击插入图片 Markdown
这和媒体库是互补关系:媒体库偏管理,媒体面板偏写作时快速插图。
AI 面板
AI 面板与正文共享上下文,可以读取全文、选区和 Front Matter 信息。它适合在写作中途直接做润色、摘要或讨论式写作辅助。详细用法见《AI 写作助手》。
自动保存与不中断写作
如果你在设置里开启自动保存,编辑器会在后台按周期保存有修改的文档。再加上拖拽上传、侧边面板和 AI 面板的协同,HexoPress 的目标就是尽量让你不需要频繁跳出当前写作界面。