编辑器

Mereith2022年8月16日大约 3 分钟

公告

v0.22.1 起,VanBlog 切换为 bytemdopen in new window(掘金同款编) 作为 markdown 编辑器。因为老的编辑器有些臃肿,还有些小毛病。

虽然新的编辑器不支持即时预览模式,但比较稳定简洁,易于拓展。

vanBlog 后台内置了 bytemdopen in new window(掘金同款) 作为 markdown 编辑器:

支持数学公式和图表、支持一键上传剪切板图片到图床、一键插入 more 标记、快捷键、自动保存等功能。

更新:最近支持了自定义高亮块语法和 emoji 表情选择器。

Emoji 表情

点击导航栏的表情按钮即可:

自定义高亮块语法

现在支持高亮块语法了,具体可以点击导航栏的按钮查看:

一键插入 more 标记

more 标记是下面代码的简写,会被用来分割博客前台预览卡片中阅读全文之前的内容。

<!-- more -->

你可以点击工具栏最后第一个按钮快速在当前焦点插入 more 标记。

上传到图床

编辑器支持两种方式上传到图床:剪切板快捷上传、从文件上传。点击编辑器工具栏按钮后,后在当前焦点处插入上传后的图片并复制图片链接到剪切板,如果没有焦点就会上传到最上面。

自动实时保存

当编辑时,会自动实时保存内容到本地缓存,如果没有点击保存按钮就退出了编辑器,下次进入后会自动回复上次的状态。

导入内容

点击右上角操作按钮,选择 导入内容,选中需要导入的 markdown 文件即可。

导出

点击右上角操作按钮,选择 导出,即可导出为 markdown 文件,相关数据会自动放置到 front-matter 中。

修改信息

点击右上角操作按钮,选择 修改信息,即可对当前编辑的 文章/草稿 的信息就行修改。

语法速查、快捷键与帮助

点击编辑器帮助按钮会显示 markdown 语法与快捷键信息:

图表和数学公式

图表语法速查 Mermaid 从入门到入土——Markdown 进阶语法open in new window

数学公式语法速查 使用 Markdown 输出 LaTex 数学公式open in new window

保存快捷键

ctrl + s 可以保存文章/草稿

偏好设置

编辑器现在支持偏好设置,未来将支持更多选项:

PS:此设置保存在浏览器的 LocalStorage 中,切换设备需重新设置。

Loading...