Discourse 剧透警告

:discourse2: 摘要 Discourse Spoiler Alert 插件提供了隐藏帖子中标记为 [spoiler] 标签内容的能力。
:open_book: 安装指南 此插件已捆绑在 Discourse 核心中。无需单独安装该插件。

启用剧透警告

此插件在安装后默认启用,但可以从其设置中禁用/启用,访问路径为您的 admin/plugins 页面:

enable spoiler

功能

启用后,它会在编辑器格式栏的 :gear: 菜单中添加一个“模糊剧透”选项。只需高亮显示您想要模糊的文本,然后选择“模糊剧透”,它便会将选中的文本包裹在必要的 [spoiler] 标签中:

示例:

行内:

[spoiler]这是一个剧透[/spoiler] 

这是一个剧透

多行:

[spoiler]

我想成为你的吸尘器
吸入你的灰尘
我想成为你的福特考特纳
我永远不会生锈
如果你喜欢热咖啡
让我做你的咖啡壶
你发号施令
我想成为你的

https://johncooperclarke.com/poems/i-wanna-be-yours

[/spoiler]

我想成为你的吸尘器
吸入你的灰尘
我想成为你的福特考特纳
我永远不会生锈
如果你喜欢热咖啡
让我做你的咖啡壶
你发号施令
我想成为你的

https://johncooperclarke.com/poems/i-wanna-be-yours

点击模糊区域将显示隐藏的文本,再次点击将重新模糊。

它也适用于图片:
(若要重新模糊足够大以生成灯箱的图片,可以点击旁边的空白区域或刷新页面)

设置

名称 描述
spoiler enabled 启用剧透插件。如果更改此设置,必须使用以下命令重新烘焙所有帖子:“rake posts:rebake”[1]

:discourse2: 由我们托管?此插件在我们所有的托管层级中均可用 Spoiler Alert | Discourse - Civilized Discussion


  1. :discourse2: 如果您是我们的托管客户,关于因设置更改而需要“重新烘焙”的问题,请联系 team@discourse.org ↩︎

48 个赞

移至核心:

3 个赞

:information_source: Discourse Spoiler Alert 现已捆绑到 Discourse 核心中,因此不再需要单独安装此插件。 :partying_face:

如果您是自托管用户,您应该会在仪表板上看到有关从 app.yml 中移除它的信息。

:discourse2: 由我们托管?此更改不会以任何方式影响您。 :+1: 您可以继续使用此插件,无需担心任何问题。

1 个赞

我不明白为什么这个插件默认启用。它不只对电影论坛有用吗?

隐藏文本的原因有很多,比电影剧透或笑话的包袱还要多。

2 个赞

是否可以添加一项功能,在点击帖子上的“喜欢”后显示隐藏内容?

你完全可以创建一个 Contribute > Feature spoiler-alert 主题 :wink:

2 个赞

:wink:,我正在路上。

是否有办法编辑预览剧透的外观?目前的实现效果不错,但就剧透的内容而言,它不够抽象。

以下是我创建的一个帖子的示例,用户可以在其中上传他们的截图。如果截图是剧透,则需要将其标记为剧透。正如你所看到的,目前的实现方式在对游戏、电影等关键时刻的截图进行剧透标记的上下文中并不奏效。

任何熟悉我分享的游戏的人都会立即知道这是什么。

下面是我 Discourse 版块的图片。

有什么方法可以调整这个吗?

编辑: 我还注意到,如果任何用户点击包含剧透的帖子的编辑历史记录,编辑历史记录不会对内容进行剧透标记。

您打算让它变得更模糊吗?还是让模糊变成另一种颜色?

1 个赞

如果可以的话,我会把它完全变成黑色,或者让它更模糊。

这是模糊部分的默认 CSS

.spoiler-blurred img {
  filter: blur(1em);
}

将 1em 更改为更重要的值

.spoiler-blurred img {
  filter: blur(5em);
}

如果您想在光标悬停在图像上时模糊更多,请添加这些行并将 0.5em 更改为(小于之前的值)

.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}
5 个赞