子比主题侧边栏添加高颜值动态时钟组件，适配明暗模式 + 节日提醒

想给你的子比（Zibll）网站侧边栏加一个吸睛又实用的动态组件？这款高颜值动态时钟绝对合适！它不仅能实时显示时间、公历 / 星期，还适配明暗模式自动切换，自带节日倒计时和时段问候语，纯前端代码实现，不占用服务器资源，新手也能一键部署。

效果预览

代码部署

部署方式 ：添加到侧边栏

1. 后台进入「外观 → 小工具」
2. 找到「自定义 HTML」小工具，拖到侧边栏位置
3. 粘贴上述完整代码，保存即可

自定义调整技巧

1. 样式调整（配色 / 尺寸）

• 修改时钟底色：调整 .dynamic-clock 中的 background 值，可改为你的网站主色
• 调整时钟大小：修改 max-width（最大宽度）、font-size（字体大小）数值
• 更改阴影效果：调整 box-shadow 中的 rgba 值，数值越大阴影越明显

2. 节日自定义

找到 JS 代码中的 festivals 数组，可添加 / 删除节日：

// 新增节日示例
{ name: "圣诞节", date: new Date(2025, 11, 25), message: "🎄 圣诞快乐！温暖过冬" }

⚠️ 注意：月份是从 0 开始计数（1 月 = 0，12 月 = 11）

总结

这款动态时钟组件是子比主题美化的优质补充，核心优势：

1. 纯前端实现，不占用服务器资源，加载速度快
2. 完美适配子比主题明暗模式，无视觉冲突
3. 支持自定义节日、问候语，个性化程度高
4. 部署方式灵活，可根据需求添加到不同位置