482 字
2 分钟
页面浏览--访问次数--
马克笔高亮

马克笔语法为正文中的短语提供醒目的荧光高亮视觉效果,基于原生语义化 <mark> 标签渲染。

基础语法#

使用成对的双等号 == 包裹需要高亮的文字:

在撰写文章时,使用 ==主题主色高亮== 标记核心要点与结论。

渲染效果:在撰写文章时,使用 主题主色高亮 标记核心要点与结论。

语义状态后缀#

可以通过大括号后缀指定特定的语义色彩角色:

==次级强调状态=={.secondary}
==警告与需要修正的条件=={.error}
==建议与辅助提示=={.tip}
==三级调色板强调=={.tertiary}

渲染效果:

  • 次级强调:次级强调状态
  • 警告色彩:警告与需要修正的条件
  • 辅助提示:建议与辅助提示
  • 三级强调:三级调色板强调

后缀语法与扩展与属性共用同一套属性字典,因此多个 class 可以叠加:

==多重角色高亮=={.secondary .tip}

渲染效果:多重角色高亮{.secondary .tip}

与其它强调方式的对比#

语法输出标签典型用途
**文本**<strong>语义上的重要内容
*文本*<em>语气强调、书名与术语
`文本`<code>代码标识符、字段名
==文本==<mark>视觉上的荧光标注

渲染效果:语义重要、语气强调、inline-code、荧光标注

渲染特性#

  • 生成标准的 <mark> HTML 标签,保障屏幕阅读器与辅助工具的可访问性。
  • 高亮背景色完全由 Material 3 Expressive 的语义调色板驱动,与站点的主题色动态同步。
  • 纯服务端渲染,无任何客户端脚本开销。

第 7 篇,共 30 篇本文属于系列

马克笔高亮
https://www.ariels.xyz/posts/markdown-marker/
作者
Ariel
发布于
2026-09-23
许可协议
CC BY-NC-ND 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

正在加载评论...