HexoPress 内置了一个功能丰富的 Markdown 编辑器,让你可以专注于写作,同时享受便捷的辅助工具。
编辑区域
编辑器的主体是一个 Markdown 编辑区域,支持语法高亮。你可以像在任何文本编辑器中一样书写 Markdown 内容。
“插图:请插入编辑器页面的全貌截图,展示顶部 Front Matter 区域、中间编辑区和右侧面板图标”
编辑器支持两种模式:
- 普通模式:标准的文本编辑体验
- Vim 模式:如果你是 Vim 用户,可以在偏好设置中开启 Vim 键位绑定
关于 Vim 模式
对于习惯了 Vim 操作方式的 old school 用户来说,Vim 模式是一个值得一试的功能。开启后,编辑器会支持 Vim 的模态编辑、常用的移动和编辑命令,让你在 HexoPress 中也能保持熟悉的键盘工作流。
Vim 模式可以在偏好设置中随时开启或关闭,不需要重启应用。如果你从未用过 Vim,保持默认的普通模式就好。
Front Matter 编辑
编辑器顶部有一个 Front Matter 编辑区域,可以直接修改文章的元数据:
- 标题:文章的显示标题
- 日期:发布日期
- 永久链接:自定义文章的 URL 路径
- 分类:选择或创建文章分类(支持层级分类)
- 标签:添加或移除标签
- 摘要:文章的简短描述
这些字段对应 Markdown 文件头部的 YAML Front Matter 区段。
“插图:请插入 Front Matter 编辑区域的局部截图,展示标题、日期、分类、标签等字段”
自动保存
HexoPress 支持自动保存功能。开启后,编辑器会在你停止输入一段时间后自动保存文件,无需手动操作。你可以在偏好设置中开启或关闭此功能。
侧边面板
编辑器右侧提供了四个可切换的侧边面板,点击对应的图标即可展开:
文件浏览器
显示博客 source 目录的文件结构,支持面包屑导航。你可以在这里浏览和切换到其他文件进行编辑,无需返回文章列表。
“插图:请插入右侧文件浏览器面板展开时的截图”
目录面板(TOC)
自动解析当前文章的标题结构,生成目录树。点击目录中的任意标题,编辑器会自动滚动到对应位置,方便在长文中快速导航。
“插图:请插入右侧 TOC 目录面板展开时的截图”
媒体面板
展示博客中的图片资源,支持搜索和预览。你可以直接从媒体面板中选择图片,插入到当前编辑的文章中,省去了手动输入图片路径的麻烦。
“插图:请插入右侧媒体面板展开时的截图,展示图片列表和搜索框”
AI 面板
集成了 AI 写作助手,可以帮助你检查拼写、润色文章、生成摘要等。关于 AI 面板的详细用法,请参阅 AI 写作助手的专题教程。
“插图:请插入右侧 AI 面板展开时的截图,展示预设按钮和对话区域”