这篇文章本身就是演示场:下面按工具栏分组,把 Dusk 后台编辑器的 21 个功能各用一次。你可以直接对照页面效果,也可以在后台新建文章,逐个按钮试一遍。

一、基础文字格式

标题(H1–H6)

编辑器左上角的「标题」按钮提供六级标题。下面依次展示:

H1 一级标题

H2 二级标题

H3 三级标题

H4 四级标题

H5 五级标题
H6 六级标题

正文通常用 H2 与 H3 组织章节;需要更深的层级时再往下用。

粗体、斜体、删除线

  • 粗体用于强调关键结论。
  • 斜体用于书名、英文术语或语气停顿。
  • 删除线用于保留修改痕迹。
  • 也可以组合:加粗斜体。

行内代码

行内代码适合命令、文件名和短表达式,例如 php tests/unit.php、DUSK_VERSION 与 integrity="sha384-…"。

二、段落与结构

引用

好的排版让读者把注意力放在内容上。

引用块适合放摘要、他人观点或需要强调的一段话。

无序列表

  • 第一项:列出并列的信息
  • 第二项:支持多行
  • 第三项:保持每项长度接近

有序列表

  1. 打开后台「撰写文章」
  2. 在工具栏选择需要的格式
  3. 点击「发布」

缩进

缩进按钮每次插入两个空格,因此列表每嵌套一层按两次:

  • 一级列表

    • 二级列表(按两次缩进)

      • 三级列表(按四次缩进)

在普通段落里,连续按缩进可以调整编辑时的对齐;发布后的 HTML 会按排版规则合并多余空白。

分割线

上一段结束,下面是一条分割线。


分割线之后开始新的主题段落。

三、链接与媒体

链接

暮秋 Dusk 主题首页 使用「链接」按钮插入,标题与地址分别填写即可。

图片

暮秋 Dusk 桌面端首页

图片按钮会插入 Markdown 图片语法。主题会自动补上 srcset、懒加载与灯箱,点击图片可以放大查看。

视频

这段视频通过「视频」面板的「本地视频」上传,地址栏会自动回填。面板里还能设置循环、封面图与显示尺寸;留空时宽度 100%、高度自适应。

音乐

Dusk 编辑器演示音频0:000:00

「音乐」面板支持本地音频与音源地址,显示名称留空时自动取文件名。

四、数据与代码

表格

功能插入方式适用场景
表格指定行数与列数对比参数、清单
代码块选择语言后填写代码教程与示例
分割线单键插入长文分节

表格生成后仍然是 Markdown,可以继续手工调整对齐与列宽。

代码块

// 代码块里的短代码会保持原文,不会被解析成播放器
const shortcode = '[video src="/usr/uploads/2026/11/dusk-editor-demo-video.mp4"]';
console.log(shortcode);

代码块支持语言标记;发布后由前台 Prism 负责高亮,编辑器内则以纯文本呈现,避免大文件拖慢输入。

表情

图片表情分「泡泡」与「阿鲁」两组,共 131 个:::(哈哈)、::(太开心)、:@(高兴)

五、操作类工具

  • 撤销 / 重做:误删内容时用撤销回退,重做恢复。快捷键分别为 Ctrl/⌘+Z 与 Ctrl/⌘+Shift+Z。
  • 全屏写作:收起后台侧栏,把编辑区铺满窗口;再次点击退出。
  • 下载 Markdown:把当前编辑内容导出为与文章标题同名的 .md 文件,便于备份或迁移。
  • 实时预览:右侧预览面板随输入更新,可拖动中缝调整宽度。

21 项功能对照

分组工具栏按钮本文对应演示
基础标题H1–H6 六级标题
基础粗体加粗示例
基础斜体斜体示例
基础删除线删除线示例
基础行内代码命令与常量
基础代码块JavaScript 示例
结构引用两段引用
结构有序列表发布三步
结构无序列表并列信息
结构缩进三级嵌套列表
结构分割线分割线前后段落
插入链接主题首页
插入图片首页截图与灯箱
插入表格功能对照表
插入表情泡泡与阿鲁
插入音乐主题音频播放器
插入视频主题视频播放器
操作撤销上文操作说明
操作重做上文操作说明
操作下载导出 Markdown 说明
操作全屏全屏写作说明

以上内容发布时使用 Dusk 0.15.21。工具栏位置可能随版本微调,以你后台实际显示为准。