482 字
2 分钟
马克笔高亮
马克笔语法为正文中的短语提供醒目的荧光高亮视觉效果,基于原生语义化 <mark> 标签渲染。
基础语法
使用成对的双等号 == 包裹需要高亮的文字:
在撰写文章时,使用 ==主题主色高亮== 标记核心要点与结论。渲染效果:在撰写文章时,使用 主题主色高亮 标记核心要点与结论。
语义状态后缀
可以通过大括号后缀指定特定的语义色彩角色:
==次级强调状态=={.secondary}
==警告与需要修正的条件=={.error}
==建议与辅助提示=={.tip}
==三级调色板强调=={.tertiary}渲染效果:
- 次级强调:次级强调状态
- 警告色彩:警告与需要修正的条件
- 辅助提示:建议与辅助提示
- 三级强调:三级调色板强调
后缀语法与扩展与属性共用同一套属性字典,因此多个 class 可以叠加:
==多重角色高亮=={.secondary .tip}渲染效果:多重角色高亮{.secondary .tip}
与其它强调方式的对比
| 语法 | 输出标签 | 典型用途 |
|---|---|---|
**文本** | <strong> | 语义上的重要内容 |
*文本* | <em> | 语气强调、书名与术语 |
`文本` | <code> | 代码标识符、字段名 |
==文本== | <mark> | 视觉上的荧光标注 |
渲染效果:语义重要、语气强调、inline-code、荧光标注
渲染特性
- 生成标准的
<mark>HTML 标签,保障屏幕阅读器与辅助工具的可访问性。 - 高亮背景色完全由 Material 3 Expressive 的语义调色板驱动,与站点的主题色动态同步。
- 纯服务端渲染,无任何客户端脚本开销。
Markdown 语法
已完结分享文章
生成精美分享图或复制链接,与更多人分享本文。
继续阅读
最后更新于 ,距今已过 23 天
部分内容可能已过时
评论