495 字
2 分钟
隐秘文本
隐秘文本(黑幕防剧透)用于遮盖关键剧情、谜题答案或敏感信息,读者在鼠标悬停或触屏轻触后方可显现内容。
语法格式
使用 :spoiler 指令包裹隐藏内容:
这个故事最后的结局是 :spoiler[真相其实是两个人早已相识]。
最终通关的正确密码为 :spoiler[42-7890]。渲染效果:这个故事最后的结局是 。
渲染效果:最终通关的正确密码为 。
在段落与列表中使用
指令属于行内语法,可以嵌在任意文本流里:
- 第一位登场的角色是 :spoiler[戴着红围巾的少年]- 关键道具藏在 :spoiler[钟楼顶层的暗格里]- 隐藏结局的触发条件是 :spoiler[在第三章前收集齐三枚徽章]渲染效果:
- 第一位登场的角色是
- 关键道具藏在
- 隐藏结局的触发条件是
表格单元格中也能使用:
| 谜题 | 答案 |
|---|---|
| 房间的密码是多少? | |
| 谁是真正的委托人? |
交互与特性
- 默认状态下呈现不透明的防剧透遮罩背景。
- 鼠标悬停(桌面端)或点击(移动触屏端)时柔和淡入真实文字。
- 使用纯 CSS 与轻量交互实现,兼顾移动设备兼容性与阅读隐私。
| 需求 | 推荐方案 |
|---|---|
| 防止读者无意中看到剧情 | :spoiler[...] |
| 放置趣味谜底、答案 | :spoiler[...] |
| 保护口令、密钥、隐私数据 | 文章加密 |
Markdown 语法
已完结分享文章
生成精美分享图或复制链接,与更多人分享本文。
继续阅读
最后更新于 ,距今已过 22 天
部分内容可能已过时
评论