⏰ 给博客加一块"会呼吸"的悬浮时钟
—— cnlm_side_clock 侧边悬浮时钟日历 · 体验手记

前言：博客，怎能少了时间的温度？

你有没有过这样的时刻——翻到自己博客的某篇文章，心里嘀咕"这是什么时候写的来着？"，或者打开首页想看看"现在几点了，今天周几？"，却又懒得切出去查？

如果你用的是 EMLOG，那今天推荐的这款插件，刚好能解决这个小烦恼——cnlm_side_clock 侧边悬浮时钟日历，它会在你的博客侧边悄悄挂一块时钟，鼠标一划、轻轻一点，时间与日历立刻鲜活起来。

🎯 插件核心功能一览

功能点 说明 🕐 实时时钟 精确到秒，冒号还会一秒一闪，像真的在"滴答" 📅 内置日历 前后翻月、一键回到今日，今天用蓝色渐变高亮标记 🎨 双主题配色 深色模式 沉稳大气，浅色模式 清爽明快 📍 左右位置 想放左边就放左边，想放右边就放右边，侧边栏不再单调 👆 两种交互 鼠标滑过自动展开 或 点击切换收放，随你喜欢 ⏱ 时制切换 24 小时制 / 12 小时制（带 AM/PM），国际范儿十足 🔧 自由定制 标签文字、距顶偏移、日历开关……都能在后台调 📱 移动端适配 手机屏幕上自动缩小尺寸，点击即可展开

✨ 为什么选它？三大亮点

亮点一：设计细节——看得见的用心

插件没有用花里胡哨的皮肤，而是用渐变色 + 柔和阴影 + 圆角三件套打造质感。深色模式下的 #1f2937 → #0f172a 渐变，让时钟面板仿佛从侧边"呼吸出来"；浅色模式的阴影更轻，和浅色主题完美融合。

亮点二：交互体验——顺手才是硬道理

默认的"鼠标滑过即展开"模式最令人惊喜——你只是把鼠标往侧边一划，时钟就轻悠悠地展开，移开又优雅收起。既不挡视线，又触手可及。而点击模式更适合喜欢固定展开的用户。两种模式，一个插件，都给你。

亮点三：轻量安全——零依赖、无侵入

整个插件 只有 6 个文件，核心 JS 不到 300 行，没有 jQuery、没有 Vue、没有任何外部依赖。挂载在index_footer钩子上，删除即干净，不影响任何内核文件。

💡 使用场景，它能帮到你什么？

• 🕖 文章发布时间参考 — 看一眼侧边的时钟和今日日期，发布新文时心里更有数
• 📝 写作时的时间锚点 — 码字入迷忘了时间？侧边的时钟会温柔提醒你
• 📅 查看近期排期 — 日历支持翻月，看看下周六是几号，安排更新计划
• 🎨 博客气质加分项 — 小小的侧边时钟，让你的博客看起来 更有设计感、更"活"

🔧 安装与配置——三步搞定

1. 下载插件包 — 获取cnlm_side_clock目录
2. 放入插件目录 — 上传到/content/plugins/
3. 后台启用 & 微调 — EMLOG 后台 → 插件 → 启用 → 点击设置按钮自由配置

📌 默认配置：深色主题 + 右侧悬浮 + 鼠标滑过触发 + 24 小时制 + 显示日历。如果不喜欢，全部可以在后台一键切换。

📊 配置项速查表

配置项 可选值 默认 启用插件 y / n y 触发方式 hover（滑过）/click（点击） hover 悬浮位置 right/left right 主题配色 dark/light dark 显示日历 y / n y 时钟时制 24/12 24 距顶偏移 数字（单位 px） 120 标签文字 任意文字 时钟

⚙️ 技术细节（给爱折腾的你）

✅ 挂载钩子：addAction('index_footer', 'cnlm_side_clock_render')
✅ 存储方式：Storage::getInstance('cnlm_side_clock')
✅ 无数据库操作，无文件写入
✅ 纯原生 JavaScript IIFE，零全局变量污染
✅ 自动生成 SVG 时钟图标，不请求任何外部资源
✅ 响应式断点max-width: 640px自动适配移动端
✅ 插件激活/卸载/更新完整生命周期支持

🏷 基本信息

• 插件名称：cnlm_side_clock · 侧边悬浮时钟日历
• 版本：v1.0.0
• 作者：落寞
• 适用程序：EMLOG（PHP 7.2+）
• 源码文件数：6 个（含 info.json）
• 发布日期：2026-09-15

🎬 写在最后

一块小小的侧边时钟，改变不了什么大格局，却能让你的博客 更有呼吸感。当访客滑动页面，眼睛的余光瞥见侧边那块静静跳动的时间，会不会嘴角也悄悄上扬一下呢？

不妨试试。给你的博客加一块会呼吸的时钟吧。✨

━━━━━ EMLOG 好用插件，让博客更有温度 ━━━━━ cnlm_side_clock 侧边悬浮时钟日历 ━━━━━ 作者：落寞 ━━━━━