评论功能模块统一与UI美化
统一全站评论功能模块,消除重复实现,美化评论区UI样式,包括加载动画、错误状态、卡片容器适配和便签墙布局优化
统一全站评论功能模块,消除重复实现,美化评论区UI样式,包括加载动画、错误状态、卡片容器适配和便签墙布局优化
基于高德地图 JS API 2.0 实现出行轨迹回放功能,支持导航链接导入、驾车路径自动规划、小车动画回放、速度调节和地图交互,后台仅需起终点信息即可自动生成完整路线
基于纯前端实现的便签墙功能,支持随机散落布局、自由拖拽堆叠、分类筛选、用户发布、管理员删除,暗色模式完整适配
基于纯前端实现的番茄工作法计时器,支持三种模式切换、圆形进度条动画、白噪音合成、任务清单和今日统计,无需后端 API
介绍在 404 页面添加搜索表单的设计方案,让访客在 404 页面可以直接输入关键词触发全站搜索,减少页面跳出并改善用户体验
介绍将 CSS 文件中所有 transition:all 替换为精确过渡属性的优化方案,按选择器类型分类替换,解释 transition:all 的性能缺陷,并展示替换数据统计
全面介绍 Lumin Blog 3.0 的所有功能模块,涵盖首页、文章系统、分类体系、娱乐板块、独立页面、交互体验、SEO 运营、评论互动、后台管理、基础设施等十一大模块的详细说明
介绍如何恢复并自定义全局键盘焦点轮廓样式,使用 :focus-visible 伪类为键盘用户提供清晰的焦点指示器,同时适配暗色模式,替换浏览器默认 outline 为自定义虚线边框加柔和光晕效果
介绍使用 sessionStorage 保存和恢复页面滚动位置的功能实现,包括被动滚动监听、300ms 节流优化,以及 SWUP 页面切换的兼容处理
介绍为文章 H2/H3/H4 标题自动添加锚点链接按钮的功能实现,hover 标题时显示 # 链接按钮,点击复制完整 URL 到剪贴板并显示确认图标
介绍在首页和归档列表的文章卡片上增加「已更新」绿色徽章的方案,通过 Hugo 模板比对修改日期和发布日期,当两日期不同时自动显示徽章
在已有 Fancybox 灯箱功能基础上,为文章正文图片增加悬停蒙层和放大镜图标交互效果,使用 CSS 伪元素和过渡动画提升用户操作感知
将文章底部的相关文章改为跨分类随机推荐,使用 Hugo 内置 shuffle 函数实现全站文章随机展示,提升内容发现能力
介绍为移动端设计浮动 TOC 目录按钮的方案,桌面端目录在侧边栏展示,移动端则通过右下角 FAB 按钮弹出底部抽屉面板展示完整目录结构
介绍将 CSS 中硬编码的颜色值统一替换为 CSS 自定义属性的技术方案,涵盖多个核心选择器的迁移细节,确保暗色模式自动切换且主题维护更加便捷
介绍如何使用 prefers-reduced-motion 媒体查询响应用户系统的动画减弱偏好,在用户开启减少动态效果后全局禁用动画、关闭闪烁效果并隐藏粒子特效
我想说 这个世界不只有眼前的苟且,还有诗和远方。 先来个自我介绍吧 在坚硬的世界里,修得一颗温柔心~ 用文字记录生活,把生活写成文字。 95后程序媛,现工作于西安,误打误撞进入前端开发,既然选择了,我…