冬季雪景主题组件 ❄️

此主题组件为您的论坛添加一些动画雪花效果。

:christmas_tree: 警告:动画效果会增加浏览器的 CPU 使用率 :santa:

:eye: 演示

:link: 代码仓库

JavaScript 模式(由 @cjk77此处 分享):

CSS 模式(改编自 此处):

37 个赞

谢谢——现在下雪啦:smiley:

安装步骤:

前往:/admin/customize/themes
选择“组件”(Components)→ 点击“安装”(Install)。
粘贴链接:https://github.com/davidtaylorhq/discourse-snow-theme.git
返回 admin/customize/themes 页面,找到你的主题。
点击它,即可自定义你的主题。
向下滚动页面。
将新组件添加到你的主题中。

现在你就拥有:snowflake: 啦!

10 个赞

我有几位使用 Firefox 和 Opera 的用户反馈此功能无法正常工作(已配置为 js-mode),但 CodePen 上的代码示例却可以运行。在 Chrome 中一切正常。有什么建议吗?

更新:两位用户均已确认 css-mode 对他们有效。

1 个赞

这似乎是一个仅限 Chrome 的组件。在 Firefox 中,启用 JS 模式时没有任何显示;而启用 CSS 模式时,屏幕上会覆盖一层卡顿的雪花,导致无法正常使用。

3 个赞

现已更新,使 js-mode 在 Firefox 中可用。我尚未测试 Opera,但怀疑同样的修复方法在那里也会生效。

14 个赞

可以确认,现在我的两个用户(Firefox 和 Opera)都已恢复正常。感谢修复。

5 个赞

我使用 Opera,

看起来很棒,但正如 David 指出的


CPU 占用过高,

从 1% 到最高 39% 不等,

很遗憾不得不放弃 :pensive:

6 个赞

有没有办法把雪花换成随机烟花?

而且使用雪花效果时,我的 CPU 占用从未上升。我在桌面和手机上都测试过,整个论坛的用户都非常喜欢,没有任何关于 CPU 占用的投诉。

10 个赞

你好!我很喜欢这个功能,它非常可爱,真的让页面生动了起来。不过我在想,是否可以让它只出现在棋盘的左右两侧(即未使用的空间),或者让它出现在棋盘后面?这样雪花就不会飘满整个文本区域,从而避免影响阅读。

4 个赞

在最新的 Discourse 版本中似乎运行正常……

2 个赞

非常喜欢这个主题组件,但有没有办法将“点”(或者说“圆点”?)更改为真正的雪花图标?

1 个赞

有没有办法让雪花下落得慢一点,这样就不会那么分散注意力了?有点像懒洋洋的雪?或者有没有办法让用户自己关闭雪花,这样有些人可以享受它,而那些觉得它有问题的人可以关闭它?

1 个赞

您使用的是 CSS 版本还是 JS 版本?

已从 JS 切换到 CSS!但我们可以尝试任何一种,看哪种更容易。@famousamos.1 供您参考

3 个赞

@dennisjbr 正在处理 - 我应该先问他的,但我的待办事项清单太长了。他帮助我们维护网站。

3 个赞

CSS 版本更容易更改,但这并非相同效果。:thinking:

如果您对 CSS 版本感到满意,并希望减慢下落速度,请将此 CSS 添加到您的主题或新的主题组件中,并根据需要调整值。值越高,速度越慢。

#snow {
    animation: snow 60s linear infinite;
}
6 个赞

非常感谢

3 个赞

我的网站上又下雪了 :slight_smile:
它能运行,但我收到了这个错误

感谢您的报告 @frold。我刚刚推送了一个修复,因此在您更新主题组件后应该已经修复了。

顺便说一下,在线用户(whos-online)错误也应该已经修复了。您是否正在运行该插件的最新版本?

1 个赞

我喜欢这个,但用户有投诉,如果用户自己可以选择禁用它就太棒了。