一场有趣的TC：Discourse Confetti点击

主题组件
1
:information_source: 摘要 使用 tsParticles 在您点击的地方添加纸屑，为您的社区增添乐趣。
:eyeglasses: 预览 Theme Creator
:hammer_and_wrench: 代码库 GitHub - NateDhaliwal/discourse-confetti-clicks
:question: 安装指南 如何安装主题或主题组件
:open_book: 不熟悉 Discourse 主题？ Discourse 主题使用入门指南

安装此主题组件

此主题组件会在用户点击或轻触时生成纸屑。纸屑的数量和扩散角度都可以通过设置进行控制。
此 TC 为您的社区增加了更多乐趣，使其更具互动性。
纸屑的实现得益于 tsParticles，这是一个用于制作纸屑、雪花、线条等动画的 JS 库。
ask.discourse.com 提供了一些帮助。

设置：

  1. confetti_amount 更改每次点击时纸屑的数量。

:warning: 尽量不要设置过高的数字，否则纸屑的出现和分散会更卡顿。100-200 是一个不错的范围。

  1. confetti_spread 更改纸屑分散的角度。所有数字单位均为度。值为 360 会使纸屑向所有方向分散。值为 1 会使纸屑沿直线分散并落下。
  2. allowed_in 设置纸屑可以使用的位置。在此字段中输入类别 slug。对于多个类别，请用 |（无空格）分隔 slug。
    将此字段留空可在所有页面启用纸屑。
13 个赞
2

这很有趣！我是否可以建议为此添加启用限制？在导航通用空间时，这似乎不切实际，但在庆祝页面上可能会很有趣。

5 个赞
3

这需要与会员生日的自动化相关联 :smiley:

14 个赞
4

这将是一个类似 /leaderboard 或 /about 的论坛页面，还是特定类别中的主题？

5

更新：
有一个新设置 allowed_in，它允许仅在特定类别中显示礼花。输入类别 slug。多个类别请用 | 分隔。

3 个赞
6

现在已修复！将此字段留空可在所有页面上启用彩纸屑效果。

1 个赞
8

更新：allowed_in 类别现已更新，为该设置使用 category 作为 list_type。这提供了一种更好的选择类别的方式。

9

主题创建者预览链接对我来说没有任何作用。

1 个赞
10

哎呀，我的错。设置中的类别是 #school 和 #movies。我已经将其更改为 #general。

11

这可能是最没用的TC :laughing:

我很快就会更新脚本标签。也许还会有一个在特定URL路径上显示的设置。

1 个赞
12

我已更新此组件，不再使用 <script type='text/discourse-plugin'>。

我还添加了一个设置 allowed_in_urls，以在论坛内的特定路径上启用彩带（URL 参数在检查时会被剥离）。

例如，我在 Theme Creator 上的设置如下所示：

image
image931×480 27.9 KB

这意味着彩带将在以下位置启用：

2 个赞