效果展示

这是被遮罩的文本

教程

一 修改主题文件

在你的主题文件中找到 header.php 或 style.css 文件，或者对于较为高级的主题中可以在后台设置中 自定义CSS 或 自定义Head 进行修改，添加一行代码

.spoiler {
  background-color: #000;
  color: #000;
  transition: color 0.3s ease;
  cursor: pointer;
  border-radius: 3px;
  padding: 2px 4px;
}

.spoiler:hover {
  color: #fff;
}

记得保存

二 文章内引用

在编辑文章时使用HTML标签

<span class="spoiler">这是被遮罩的文本</span>

即可使用

最后再来一次效果展示：你看不到我嘿嘿