# 冬季雪景主题组件 ❄️
**URL:** https://meta.discourse.org/t/winter-snow-theme-component/135157
**Category:** Theme component
**Created:** [2019年十二月5日 14:30 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157 "2019-12-05T14:30:26Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2019年十二月5日 14:30 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/1 "2019-12-05T14:30:27Z")
此主题组件为您的论坛添加一些动画雪花效果。
🎄 警告：动画效果会增加浏览器的 CPU 使用率 🎅
**[👁 演示](https://theme-creator.discourse.org/theme/david/snow)**
**[🔗 代码仓库](https://github.com/davidtaylorhq/discourse-snow-theme)**
JavaScript 模式（由 @cjk77 在 [此处](https://meta.discourse.org/t/discourse-snowing-effect/135151/6?u=david) 分享）：
CSS 模式（改编自 [此处](https://codemyui.com/falling-snowflake-background-animation-pure-css/)）：
---
### Author:  [@frold](https://meta.discourse.org/u/frold)
#### Post date: [2019年十二月5日 14:52 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/2 "2019-12-05T14:52:58Z")
谢谢——现在下雪啦：smiley:
> **[Studmed.dk](https://studmed.dk/)**
>
> Studmed.dk er et online forum og fællesskab for lægestuderende i Danmark
安装步骤：
前往：/admin/customize/themes
选择“组件”（Components）→ 点击“安装”（Install）。
粘贴链接：`https://github.com/davidtaylorhq/discourse-snow-theme.git`
返回 admin/customize/themes 页面，找到你的主题。
点击它，即可自定义你的主题。
向下滚动页面。
将新组件添加到你的主题中。
现在你就拥有：snowflake: 啦！
---
### Author:  [@knewt](https://meta.discourse.org/u/knewt)
#### Post date: [2019年十二月6日 13:26 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/3 "2019-12-06T13:26:30Z")
我有几位使用 Firefox 和 Opera 的用户反馈此功能无法正常工作（已配置为 js-mode），但 CodePen 上的代码示例却可以运行。在 Chrome 中一切正常。有什么建议吗？
更新：两位用户均已确认 css-mode 对他们有效。
---
### Author:  [@Laurent](https://meta.discourse.org/u/Laurent)
#### Post date: [2019年十二月9日 14:06 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/4 "2019-12-09T14:06:19Z")
这似乎是一个仅限 Chrome 的组件。在 Firefox 中，启用 JS 模式时没有任何显示；而启用 CSS 模式时，屏幕上会覆盖一层卡顿的雪花，导致无法正常使用。
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2019年十二月9日 14:31 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/5 "2019-12-09T14:31:11Z")
现已更新，使 js-mode 在 Firefox 中可用。我尚未测试 Opera，但怀疑同样的修复方法在那里也会生效。
---
### Author:  [@knewt](https://meta.discourse.org/u/knewt)
#### Post date: [2019年十二月9日 14:40 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/6 "2019-12-09T14:40:41Z")
可以确认，现在我的两个用户（Firefox 和 Opera）都已恢复正常。感谢修复。
---
### Author:  [@anon48433008](https://meta.discourse.org/u/anon48433008)
#### Post date: [2019年十二月24日 01:59 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/7 "2019-12-24T01:59:40Z")
我使用 Opera，
看起来很棒，但正如 David 指出的
CPU 占用过高，
从 1% 到最高 39% 不等，
很遗憾不得不放弃 😔
---
### Author:  [@Jason3](https://meta.discourse.org/u/Jason3)
#### Post date: [2019年十二月28日 01:04 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/8 "2019-12-28T01:04:52Z")
有没有办法把雪花换成随机烟花？
而且使用雪花效果时，我的 CPU 占用从未上升。我在桌面和手机上都测试过，整个论坛的用户都非常喜欢，没有任何关于 CPU 占用的投诉。
---
### Author:  [@Heather\_Lloyd](https://meta.discourse.org/u/Heather_Lloyd)
#### Post date: [2020年七月19日 08:19 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/9 "2020-07-19T08:19:56Z")
你好！我很喜欢这个功能，它非常可爱，真的让页面生动了起来。不过我在想，是否可以让它只出现在棋盘的左右两侧（即未使用的空间），或者让它出现在棋盘后面？这样雪花就不会飘满整个文本区域，从而避免影响阅读。
---
### Author:  [@frold](https://meta.discourse.org/u/frold)
#### Post date: [2020年十一月28日 21:33 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/10 "2020-11-28T21:33:00Z")
在最新的 Discourse 版本中似乎运行正常……
---
### Author:  [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [2021年十二月7日 11:51 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/14 "2021-12-07T11:51:55Z")
非常喜欢这个主题组件，但有没有办法将“点”（或者说“圆点”？）更改为真正的雪花图标？
---
### Author:  [@famousamos.1](https://meta.discourse.org/u/famousamos.1)
#### Post date: [2024年十二月1日 04:27 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/15 "2024-12-01T04:27:35Z")
有没有办法让雪花下落得慢一点，这样就不会那么分散注意力了？有点像懒洋洋的雪？或者有没有办法让用户自己关闭雪花，这样有些人可以享受它，而那些觉得它有问题的人可以关闭它？
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024年十二月1日 16:14 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/16 "2024-12-01T16:14:09Z")
您使用的是 CSS 版本还是 JS 版本？
---
### Author:  [@dennisjbr](https://meta.discourse.org/u/dennisjbr)
#### Post date: [2024年十二月1日 21:05 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/17 "2024-12-01T21:05:04Z")
已从 JS 切换到 CSS！但我们可以尝试任何一种，看哪种更容易。@famousamos.1 供您参考
---
### Author:  [@famousamos.1](https://meta.discourse.org/u/famousamos.1)
#### Post date: [2024年十二月1日 21:07 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/18 "2024-12-01T21:07:08Z")
@dennisjbr 正在处理 - 我应该先问他的，但我的待办事项清单太长了。他帮助我们维护网站。
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024年十二月1日 21:20 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/19 "2024-12-01T21:20:40Z")
CSS 版本更容易更改，但这并非相同效果。🤔
如果您对 CSS 版本感到满意，并希望减慢下落速度，请将此 CSS 添加到您的主题或新的主题组件中，并根据需要调整值。值越高，速度越慢。
```css
#snow {
animation: snow 60s linear infinite;
}
```
---
### Author:  [@famousamos.1](https://meta.discourse.org/u/famousamos.1)
#### Post date: [2024年十二月2日 04:46 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/20 "2024-12-02T04:46:18Z")
非常感谢
---
### Author:  [@frold](https://meta.discourse.org/u/frold)
#### Post date: [2025年十二月16日 09:21 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/21 "2025-12-16T09:21:51Z")
我的网站上又下雪了 🙂
它能运行，但我收到了这个错误
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2025年十二月16日 09:32 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/22 "2025-12-16T09:32:08Z")
感谢您的报告 @frold。我刚刚推送了一个修复，因此在您更新主题组件后应该已经修复了。
顺便说一下，在线用户（whos-online）错误也应该已经修复了。您是否正在运行该插件的最新版本？
---
### Author:  [@DevTeVe](https://meta.discourse.org/u/DevTeVe)
#### Post date: [2025年十二月23日 08:16 UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157/23 "2025-12-23T08:16:35Z")
我喜欢这个，但用户有投诉，如果用户自己可以选择禁用它就太棒了。
[下一頁](https://meta.discourse.org/t/winter-snow-theme-component/135157.md?page=2)