Aura主题排版设计规范与使用教程

下面介绍编辑器内所有可用标签，以及使用方式，你可以在源码模式中对照书写内容。

一、标题标签 h2 / h3 / h4

大章节标题
小节高亮标题
辅助小标题

说明： h2：自带底部分隔线+金色短装饰条，用于划分文章大区块； h3：自动使用主题金色强调色，用来写重点小节； h4：灰色弱化文字，用作次要小标题。

二、段落 & 换行

正文文字内容，正常叙述段落。
另起一个新段落，段落之间会自动留白间距。

三、无序列表 ul + li

列表内容一
列表内容二
列表内容三

说明：自动替换为金色小圆点，左侧缩进整齐，适合罗列要点。

四、有序列表 ol + li

步骤一
步骤二
步骤三

说明：有序序号为金色高亮，适合流程、教程步骤书写。

五、引用块 blockquote

这里填写语录、备注、提示文字、摘抄内容

说明：左侧金色竖边线 + 浅背景，自带虚化引号装饰，用来存放备注与金句。

六、行内单行代码 code

文字中间插入 参数/指令/关键词

说明：浅底色，金色文字，适合标记单个变量、命令、ID。

七、整块代码块 pre + code

这里粘贴多行代码
配置内容
脚本文字

说明：深色窗口风格，带顶部圆点装饰，横向滚动，不会撑破页面，适合大量源码。

八、超链接 a 标签

链接文字

说明：细金色底边，hover柔和底色提亮，低调不破坏阅读排版。

九、加粗 strong / 斜体 em / 删除线 del

高亮强调文字
斜体次要文字
作废删除文字

说明：strong文字为金色高亮；em为灰色斜体；del降低透明度加删除线。

十、分割线 hr

说明：渐变细线 + 中间三点符号，用于大段落隔断，替代生硬黑线。

十一、表格 table

表头1
表头2




内容1
内容2

说明：表头金色底色，隔行浅灰背景，圆角+柔和阴影，适合数据罗列。

十二、图片插入

说明：图片自动圆角、加柔和阴影，hover轻微放大，自适应容器宽度。

十三、标签tag（文章底部）

后台编辑文章时，在标签栏填写：标签1,标签2

说明：前台自动生成圆角标签，hover切换金色主题色。

写作规范总结

1. 层级顺序：h2分大板块，h3写重点小节，不要乱套标题层级
2. 重点内容使用h3或者strong，不要自定义颜色
3. 大段代码放入pre，单行关键词用code
4. 语录提示使用blockquote，保持整体风格统一