495 字
2 分钟
页面浏览--访问次数--
隐秘文本

隐秘文本(黑幕防剧透)用于遮盖关键剧情、谜题答案或敏感信息,读者在鼠标悬停或触屏轻触后方可显现内容。

语法格式#

使用 :spoiler 指令包裹隐藏内容:

这个故事最后的结局是 :spoiler[真相其实是两个人早已相识]。
最终通关的正确密码为 :spoiler[42-7890]。

渲染效果:这个故事最后的结局是 。

渲染效果:最终通关的正确密码为 。

在段落与列表中使用#

指令属于行内语法,可以嵌在任意文本流里:

- 第一位登场的角色是 :spoiler[戴着红围巾的少年]
- 关键道具藏在 :spoiler[钟楼顶层的暗格里]
- 隐藏结局的触发条件是 :spoiler[在第三章前收集齐三枚徽章]

渲染效果:

  • 第一位登场的角色是
  • 关键道具藏在
  • 隐藏结局的触发条件是

表格单元格中也能使用:

谜题答案
房间的密码是多少?
谁是真正的委托人?

交互与特性#

  • 默认状态下呈现不透明的防剧透遮罩背景。
  • 鼠标悬停(桌面端)或点击(移动触屏端)时柔和淡入真实文字。
  • 使用纯 CSS 与轻量交互实现,兼顾移动设备兼容性与阅读隐私。
需求推荐方案
防止读者无意中看到剧情:spoiler[...]
放置趣味谜底、答案:spoiler[...]
保护口令、密钥、隐私数据文章加密

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

隐秘文本
https://www.ariels.xyz/posts/markdown-spoiler/
作者
Ariel
发布于
2026-09-24
许可协议
CC BY-NC-ND 4.0

分享文章

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

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

正在加载评论...