|
|
1eb5d85eaf
|
feat: 全新设计的现代化页面加载系统
设计亮点：
- SVG 圆环进度指示器，实时显示加载进度
- 智能进度算法：自动递增 + 缓动效果
- 中心旋转图标 + 脉冲动画
- 延迟显示骨架屏（避免快速加载时闪烁）
- 最小显示时间控制（400ms）防止闪烁
加载逻辑优化：
- 智能进度管理：0-90% 自动递增，完成时跳转 100%
- 缓动函数：越接近完成速度越慢，更自然
- 定时器管理：防止内存泄漏和状态冲突
- 骨架屏延迟 150ms 显示，快速加载不显示
视觉设计：
- 渐变背景 + 毛玻璃效果
- 弹性入场动画（scale + translateY）
- 流畅的光影扫过效果
- 完整的响应式适配
- 支持无障碍访问（prefers-reduced-motion）
|
2026-01-27 16:52:11 +08:00 |
|
|
|
73103ea853
|
refactor: 重构加载动画代码，提升可维护性
JavaScript 重构：
- 创建 LoadingOverlay 模块化管理器（IIFE 模式）
- 封装元素创建、显示、隐藏和销毁逻辑
- 添加定时器管理，防止内存泄漏
- 提供向后兼容的函数接口
- 使用常量管理配置项（ID、类名、动画时长）
- 改进代码注释和 JSDoc 文档
CSS 重构：
- 统一类名前缀为 loading-*，语义更清晰
- 移除 ID 选择器依赖，改用类选择器
- 分离关注点：基础旋转器、进度条、遮罩层、骨架屏
- 添加结构化注释，便于定位和修改
- 优化选择器层级，提升性能
- 独立动画关键帧定义
代码改进：
- 减少重复代码，提高复用性
- 更好的错误处理和边界情况处理
- 支持多次调用不会重复创建元素
- 清晰的模块边界和职责划分
|
2026-01-27 16:46:13 +08:00 |
|
|
|
67d1465014
|
feat: 全面优化加载动画视觉效果
- 重新设计骨架屏布局：卡片式设计，包含缩略图、头像、标题、文本和标签
- 添加光影流动效果（shimmer）增强视觉吸引力
- 优化旋转器设计：双环结构 + 弹跳点动画
- 改进文字提示：更友好的加载文案
- 增强动画效果：缩放 + 位移的入场动画
- 完善响应式设计：适配平板和手机屏幕
- 优化夜间模式：更深的背景和更柔和的阴影
- 提升整体视觉层次感和现代感
|
2026-01-27 16:41:53 +08:00 |
|
|
|
d0e11eed3b
|
fix: 恢复被误删的核心样式
- 恢复 commit 0a8bb3a 中被误删的 3120 行核心 CSS 样式
- 该 commit 在移除 Mermaid 样式时误删了文章标题、卡片、按钮等重要样式
- 恢复的样式包括：
- .article-header-style-1/2 文章标题样式
- .card 卡片样式
- .btn-primary 按钮样式
- .custom-toggle 开关样式
- 其他核心布局和组件样式
- style.css 从 8952 行恢复到 12072 行
|
2026-01-27 14:23:39 +08:00 |
|
|
|
0a8bb3a453
|
refactor: 彻底移除所有 Mermaid 支持
- 从 argontheme.js 移除所有 Mermaid 相关代码和注释
- 从 style.css 移除所有 Mermaid 样式（约 300 行）
- 移除代码高亮中跳过 mermaid 容器的逻辑
- 移除 PJAX 清理函数中的 Mermaid 引用
- 删除临时清理脚本和空文档
|
2026-01-27 10:42:08 +08:00 |
|
|
|
9f31bbe372
|
feat: 实现 Mermaid 导出功能
- 添加导出按钮到工具栏，支持 PNG 和 SVG 格式导出
- 实现导出菜单，点击导出按钮显示格式选项
- PNG 导出：将 SVG 转换为 PNG 图片并下载
- SVG 导出：保存 SVG 代码为文件并下载
- 导出时保持图表当前的缩放级别和样式
- 添加导出错误处理，显示友好的错误提示
- 导出菜单支持点击外部关闭
- 添加导出菜单样式，支持夜间模式
- 移动端导出菜单适配，调整按钮大小和位置
- 错误提示自动消失（3秒后）
需求：15.1, 15.2, 15.3, 15.4, 15.5
|
2026-01-25 01:59:27 +08:00 |
|
|
|
1c15e46ad6
|
feat: 实现 Mermaid 全屏模式
- 在工具栏添加全屏按钮（⛶ 图标）
- 实现全屏模式进入和退出功能
- 全屏模式下保持缩放和拖拽功能可用
- 支持 ESC 键退出全屏
- 退出全屏时恢复图表原始状态（缩放级别和滚动位置）
- 全屏模式下禁用页面滚动
- 添加全屏按钮激活状态样式
- 在清理函数中添加全屏事件监听器清理
- 全屏模式下工具栏始终可见，背景更明显
- 全屏容器占满整个视口，居中显示图表
需求：14.1, 14.2, 14.3, 14.4, 14.5
|
2026-01-25 01:53:31 +08:00 |
|
|
|
1ec2ebc279
|
feat: 优化 Mermaid 响应式设计
- 移动端工具栏适配：按钮放大至 40px，便于触摸操作
- 双指缩放手势：支持双指捏合缩放，以触摸中心为缩放点
- 单指拖拽移动：支持单指拖拽平移图表
- 触摸事件优化：使用 requestAnimationFrame 提升响应速度
- 横屏模式优化：限制图表高度，工具栏更紧凑，隐藏提示文本
- 添加触摸距离和中心点计算辅助函数
- 完善触摸状态管理（touchstart/touchmove/touchend/touchcancel）
需求：16.1, 16.2, 16.3, 16.4, 16.5
|
2026-01-25 01:45:39 +08:00 |
|
|
|
6309a2236b
|
feat: 优化 Mermaid 错误提示显示效果
- 增强错误容器视觉设计（渐变背景、阴影效果、悬停动画）
- 添加错误图标脉冲动画，提升视觉吸引力
- 优化错误信息显示（错误类型标签、消息框样式）
- 新增错误行号提取功能，支持多种行号格式
- 改进代码查看区域样式（summary 悬停效果、代码块阴影）
- 完善夜间模式适配（深色渐变背景、优化颜色对比度）
- 删除重复的 CSS 样式定义（第 17050 行）
- 统一使用 .mermaid-error-* 类名规范
需求：19.1, 19.2, 19.3, 19.4, 19.5
|
2026-01-25 01:38:36 +08:00 |
|
|
|
66df8348be
|
feat: 优化 Mermaid 拖拽功能
- 7.1 改进拖拽响应：使用 requestAnimationFrame 优化性能，避免频繁的 DOM 操作
- 7.2 优化拖拽视觉反馈：增强光标样式，添加跨浏览器的文本选择禁用
- 7.3 智能启用拖拽：检测图表是否需要拖拽，未缩放且完全可见时自动禁用
需求：13.1, 13.2, 13.3, 13.4, 13.5
|
2026-01-25 01:30:21 +08:00 |
|
|
|
39d340fb49
|
feat: 增强 Mermaid 缩放功能
- 6.1 实现以鼠标为中心的缩放：滚轮缩放时自动调整滚动位置，保持鼠标指向的内容不变
- 6.2 优化缩放动画：按钮点击使用平滑过渡，滚轮缩放禁用过渡以获得更流畅的体验
- 6.3 实现智能缩放：双击图表时，默认大小放大到 2 倍，其他情况重置到 1 倍
- 6.4 优化缩放按钮状态：达到最大/最小缩放级别时自动禁用对应按钮
需求：12.1, 12.2, 12.3, 12.4, 12.5, 20.3
|
2026-01-25 01:25:13 +08:00 |
|
|
|
927e9c29d1
|
feat: 优化 Mermaid 渲染性能
- 12.1 实现批量渲染：使用 requestAnimationFrame 分批渲染，避免阻塞主线程
- 12.2 添加加载动画：显示加载状态和旋转动画，提供视觉反馈
- 12.3 实现延迟渲染：优先渲染视口内图表，延迟渲染视口外图表
- 12.4 优化错误处理：单个图表渲染失败不影响其他图表
需求：18.1, 18.2, 18.3, 18.4, 18.5
|
2026-01-25 01:13:16 +08:00 |
|
|
|
621341500f
|
feat: 优化 Mermaid 工具栏显示效果
- 实现工具栏自动隐藏：鼠标移出时自动隐藏，移入时显示
- 优化工具栏样式：使用半透明背景和毛玻璃效果
- 添加平滑的显示/隐藏动画过渡
- 为按钮添加自定义 tooltip 提示
- 支持夜间模式下的样式适配
需求：11.1, 11.2, 11.3-11.5, 20.2
|
2026-01-25 00:57:11 +08:00 |
|
|
|
dde868021e
|
feat: 添加 Mermaid 图表拖拽和提示功能
- 添加鼠标左键拖拽移动图表
- 拖拽时显示 grabbing 光标，平时显示 grab 光标
- 添加底部提示文本：按住 Ctrl+滚轮缩放 | 拖拽移动
- 提示文本鼠标悬停时显示，支持夜间模式
- 防止拖拽时选中文本
|
2026-01-24 23:41:02 +08:00 |
|
|
|
a163e7a2a0
|
feat: 添加 Mermaid 图表缩放功能
- 图表容器宽度占满，只留文章边距（margin: 20px -20px）
- 添加缩放控制按钮：放大、缩小、重置
- 支持 Ctrl+滚轮缩放
- 缩放范围：50%-300%，步进 25%
- 响应式适配：移动端自动调整边距和按钮大小
- 夜间模式适配缩放控制按钮样式
|
2026-01-24 23:36:12 +08:00 |
|
|
|
d59c5ba07d
|
fix: Mermaid 图表改为宽度固定、高度自适应
- SVG 宽度固定为 100%，适应容器宽度
- SVG 高度自动计算，根据内容自由伸展
- 移除所有高度限制，让图表完整显示
|
2026-01-24 23:33:24 +08:00 |
|
|
|
d0ae1dbed7
|
feat: 优化 Mermaid 图表尺寸显示
- 添加 SVG 最大高度限制（桌面端 600px）
- 使用 Flexbox 实现图表在容器中居中显示
- 添加响应式适配（平板 500px，手机 400px）
- 设置容器最小高度 100px，避免空白过小
- 使用 width: auto !important 保持图表原始宽高比
- 创建尺寸优化测试文件和文档
解决问题：
- 低内容图表（2-3 节点）不再显示过大
- 图表尺寸更加合理，视觉协调
- 复杂图表高度限制，出现滚动条
- 移动端体验优化
|
2026-01-24 22:58:28 +08:00 |
|
|
|
4a59640998
|
feat: add Mermaid chart styles
|
2026-01-23 23:27:06 +08:00 |
|
|
|
54cbb400b9
|
feat: 移除 Mermaid 支持并创建需求文档
- 从 settings.php 移除 Mermaid 设置项和选项保存逻辑
- 从 functions.php 移除 Mermaid 代码块预处理函数
- 从 footer.php 移除 Mermaid 加载和渲染代码
- 从 style.css 移除 Mermaid 图表样式
- 删除本地镜像文件 assets/vendor/external/mermaid/
- 创建 mermaid-support-requirements.md 需求文档
原因：WP-Markdown 编辑器保存的 Markdown 源文件中 Mermaid 代码是一整行，
没有真正的换行符，导致 Mermaid 解析器持续报错。所有尝试的解决方案均失败。
需求文档中详细说明了问题原因和推荐的替代方案。
|
2026-01-23 22:11:09 +08:00 |
|
|
|
627a57c5e9
|
feat: 添加 Mermaid 图表支持
- 在设置页功能增强分类中添加 Mermaid 图表设置项
- 支持启用/禁用 Mermaid 渲染
- 支持自定义 CDN 地址（默认 jsdelivr）
- 提供 4 种主题选择（默认/森林/暗色/中性）
- 在 footer.php 中添加 Mermaid 库加载和初始化逻辑
- 自动识别 language-mermaid 和 mermaid 类的代码块
- 在 style.css 中添加 Mermaid 图表样式
- 支持响应式布局和夜间模式
- 使用方式：在代码块中指定语言为 mermaid
|
2026-01-23 18:50:50 +08:00 |
|
|
|
4712cb469c
|
refactor: 清理孤立代码
- 删除未使用的邮件模板类型（user_register, password_reset, general）
- 删除 style.css 中未使用的 .shortcode-todo 样式（约30行）
- 保留 todo_urge 邮件类型（有实际使用）
- 减少约 120 行冗余代码
|
2026-01-23 15:49:46 +08:00 |
|
|
|
f2c807edf0
|
feat: 移除所有文章加载动画相关代码
- 移除pjax:afterGetContainers中的加载动画逻辑
- 移除pjax:beforeReplace中的动画清理代码
- 删除CSS中的loading-css-animation样式
- 删除CSS中的loading-dot动画样式
- 删除CSS中的post-pjax-loading相关样式
- 删除CSS中的post-list-pjax-loading相关样式
- 删除loading-animation关键帧动画
|
2026-01-23 15:45:57 +08:00 |
|
|
|
6fad1244a8
|
fix: 移除important并添加详细调试日志
- 移除CSS中的!important，避免叠屎山
- 添加详细的console.log调试信息
- 输出每个卡片的opacity值和loading状态
- 方便通过浏览器控制台定位问题
|
2026-01-23 15:16:50 +08:00 |
|
|
|
aed0fb5c47
|
fix: 增强CSS选择器优先级并添加调试日志
- 为所有opacity相关CSS规则添加!important确保优先级
- 为.post-pjax-loading添加position: relative
- 添加console.log调试信息，方便排查问题
- 严格遵守设置项，只在启用进入文章动画时生效
|
2026-01-23 13:59:46 +08:00 |
|
|
|
dc11338ca2
|
fix: 修复文章加载动画功能无论是否启用都能正常工作
- 修改CSS选择器从.post-preview改为.post，匹配所有文章卡片
- 修改JavaScript选择器从article.post-preview改为article.post
- 添加#main.article-list限定，只在文章列表页生效
- 修复清理代码，确保能正确移除所有文章的加载状态
|
2026-01-23 13:50:36 +08:00 |
|
|
|
74c32d8faf
|
fix: 修复文章加载动画时其他文章卡片未隐藏的问题
- 为.post-preview.post-pjax-loading添加z-index提升层级
- 为.post-list-pjax-loading .post-preview添加过渡动画
- 添加更高优先级的选择器确保被点击的卡片保持可见
- 为说说预览容器添加过渡动画效果
|
2026-01-23 13:44:33 +08:00 |
|
|
|
2de0cfb8de
|
refactor: 将TODO折叠按钮移至未完成任务下方
- 折叠按钮现在作为已完成任务区域的分隔栏显示
- 分隔栏包含已完成图标、文字和数量徽章
- 点击分隔栏可折叠/展开已完成任务
- 桌面端和移动端都采用相同的设计
- 优化了视觉层次，更符合用户使用习惯
|
2026-01-23 13:09:56 +08:00 |
|
|
|
9f8b560d20
|
feat: 为TODO列表添加折叠已完成任务功能
- 添加折叠/展开已完成任务的按钮，显示已完成数量
- 实现流畅的折叠展开动画效果（高度、透明度、位移）
- 优化删除和完成任务的动画，增加缩放效果
- 同时支持桌面端和移动端
- 折叠按钮在没有已完成任务时自动隐藏
- 使用 CSS transition 实现平滑的进入退出动画
|
2026-01-23 13:04:43 +08:00 |
|
|
|
7d3dd6e2a6
|
fix: 修复长文章下文章背景的毛玻璃效果失效问题
- 将 article.post.card 的 overflow 从 hidden 改为 visible
- overflow: hidden 会创建新的层叠上下文，阻止 backdrop-filter 正常工作
- 修复后长文章的毛玻璃背景效果可以正常显示
|
2026-01-23 12:52:50 +08:00 |
|
|
|
0ae1472e79
|
fix: 修复开启进入文章动画时文章加载不正常的问题
- 在 pjax:beforeReplace 事件中清理文章列表的 PJAX 加载状态
- 移除 post-preview 元素的 loading 动画和 transform 样式
- 清理 post-list-pjax-loading 类，避免影响新页面
- 优化 post-full 动画，添加 transform-origin 确保动画流畅
- 通过 :not(.no-animation) 选择器支持禁用动画的场景
|
2026-01-22 15:57:22 +08:00 |
|
|
|
862f3901b1
|
fix: 修复侧边栏滚动逻辑
- 站点概览标签：移除滚动，高度锁死不滚动
- 文章目录标签：只有这个标签才启用滚动功能
- 移除leftbar_part2_inner的滚动，改为只在文章目录标签上滚动
- TODO栏：简化布局，移除flexbox，直接在card-body上设置max-height和滚动
- TODO栏在任何状态下都限制最大高度为50vh并可滚动
|
2026-01-22 15:52:23 +08:00 |
|
|
|
da3a2a0dd8
|
fix: 修复侧边栏滚动问题的遗留bug
- 修复孤立的width: 6px导致滚动条样式失效
- 移除todo-list-scroll的max-height: none限制
- 将TODO列表的滚动控制权交给card-body
- 确保非停靠状态下TODO栏正确显示滚动条
|
2026-01-22 15:48:50 +08:00 |
|
|
|
b39deab007
|
fix: 修复桌面端非停靠状态时侧边栏滚动问题
- 站点详情(leftbar_part2)在非停靠状态时不再有滚动条
- 站点详情只在停靠(sticky)状态时才启用滚动
- TODO栏(leftbar_part3)在非停靠状态时也有滚动条和高度限制
- TODO栏智能限制最大高度为50vh，内容超出时可滚动
- 添加TODO栏滚动条样式，与站点详情保持一致
- 删除重复的card-body样式定义
|
2026-01-22 15:45:24 +08:00 |
|
|
|
40e66f9d9c
|
fix: 修复搜索框页面加载后视觉中心偏移问题
- 移除 input.form-control 的 display: flex（input 元素不支持 flex 布局）
- 显式设置 input 和 icon 容器的 padding 值确保一致
- 通过 line-height 和 padding 精确控制垂直对齐
|
2026-01-21 14:09:30 +08:00 |
|
|
|
40b348dd56
|
fix: 修复搜索框焦点与失焦状态视觉中心不一致
- 为 .input-group-text 添加 flexbox 垂直居中对齐
- 为搜索图标设置 line-height: 1 确保视觉中心一致
- 为 input.form-control 添加 flexbox 对齐确保文本垂直居中
- 移除属性之间的多余空行，符合代码规范
|
2026-01-21 14:06:31 +08:00 |
|
|
|
35bf3680b5
|
feat: 调整文章预览卡片 post-meta 对齐方式
- post-preview-layout-2 的 post-meta 改为左对齐
- 与文章详情页的居中样式区分
|
2026-01-20 22:05:15 +08:00 |
|
|
|
84505c8213
|
fix: 修复 CSS 语法错误并清理空规则
- 移除所有卡片 hover 时的阴影变化效果
- 删除 7 个空的 hover 规则块
- 修复属性之间的多余空行
- 清理注释中的乱码字符
|
2026-01-20 21:25:00 +08:00 |
|
|
|
7fcd460723
|
fix: CSS 语法和兼容性错误修复
- 修复注释语法错误（左侧栏注释）
- 为 -webkit-transform 添加标准 transform 属性（5 处）
- 移除非标准 user-drag 属性（8 处）
- 修复所有 CSS 语法错误
|
2026-01-20 16:55:40 +08:00 |
|
|
|
712e5efa1f
|
fix: CSS 浏览器兼容性修复
- 修复 backdrop-filter 属性顺序（-webkit- 前缀在前，标准属性在后）
- 修复约 20+ 处 backdrop-filter 顺序问题
- 已添加安全 HTTP 头部函数（CSP 替代 X-Frame-Options）
- 提升旧版浏览器兼容性
|
2026-01-20 16:45:12 +08:00 |
|
|
|
29257dfce2
|
fix: 从 0dba91c 恢复 style.css 和 argontheme.js
- 完全恢复到问题出现前的版本
- 确保浮动按钮正常工作
|
2026-01-20 16:26:20 +08:00 |
|
|
|
98add1f41d
|
fix: 恢复浮动按钮原始样式
- 移除 top: auto 和 left: auto
- 移除 gap 属性，使用 margin-top
- 恢复原始 transition 定义
- 移除 flex-shrink 属性
|
2026-01-20 16:24:20 +08:00 |
|
|
|
5264a8df6d
|
fix: 恢复主题样式文件
|
2026-01-20 16:18:35 +08:00 |
|
|
|
25fd3891a3
|
feat: 重构评论点赞系统，支持取消点赞
- 改用 IP + User-Agent 哈希识别用户，登录用户使用 user_id
- 服务端存储点赞用户列表，而非简单计数
- 同一用户只能点赞一次，再次点击可取消点赞
- 移除 Cookie 依赖，避免 IP 变化导致重复点赞
- 已点赞按钮 hover 时显示可点击状态
|
2026-01-16 22:24:34 +08:00 |
|
|
|
d9aafe2479
|
fix: 修复评论回复按钮点击无反应和点赞数显示问题
- 将评论回复/编辑的滚动动画从 jQuery animate + easeOutCirc 改为原生 window.scrollTo
- 避免因其他插件覆盖 jQuery 导致 easing 函数丢失的问题
- 修复 .comment-upvote .btn-inner--text 样式，确保点赞数正确显示
- 添加 display: inline-block !important 强制显示点赞数文本
|
2026-01-16 22:18:08 +08:00 |
|
|
|
8f3f80d2df
|
fix: 修复评论区回复按钮第一次点击无效的问题
- 为 .comment-operations 添加 pointer-events: none（opacity: 0 时）
- hover 时恢复 pointer-events: auto
- 问题原因：按钮不可见时仍能接收点击事件，导致第一次点击被'空'按钮捕获
- 恢复 jQuery 事件委托方式绑定回复按钮点击事件
|
2026-01-16 21:03:07 +08:00 |
|
|
|
c737bc4089
|
feat: 优化评论板块布局和点赞按钮样式
- 点赞按钮: 增大尺寸(32px)、添加阴影和悬浮动画、点赞中状态脉冲动画
- 头像区域: 增大头像(44px)、添加悬浮缩放效果和阴影
- 评论内容: 优化标题和元信息布局、增加行高提升可读性
- 操作按钮: 添加背景容器和滑入动画
- UA信息: 降低视觉权重、悬浮时显示
- 响应式: 移动端自适应布局、操作按钮常驻显示、隐藏UA信息
- 代码规范: 移除属性间空行、添加结构化注释
|
2026-01-16 20:20:07 +08:00 |
|
|
|
938a33d1e0
|
fix: 修复评论点赞按钮下半部分溢出被截断
- 为 comment-item 添加 overflow: visible
- 为 comment-item-left-wrapper 添加 overflow: visible
- 确保绝对定位的点赞按钮完整显示
|
2026-01-16 16:31:05 +08:00 |
|
|
|
e91629d52c
|
fix: 增加评论点赞按钮高度修复图标显示不全
- height 从 18px 增加到 22px
- line-height 从 16px 增加到 20px
- padding 从 0px 4px 增加到 2px 6px
|
2026-01-16 16:21:25 +08:00 |
|
|
|
64513e3dc5
|
fix: 修复评论区内容被截断的问题
- 移除 #comments 和 #post_comment 的默认 overflow: hidden
- 仅在折叠状态 (.comments-collapsed) 时应用 overflow: hidden
- 确保点赞按钮和操作按钮正常显示
|
2026-01-16 16:16:27 +08:00 |
|
|
|
600a78e8bc
|
fix: 修复评论点赞按钮被截断的问题
- 为 comment-item-left-wrapper 添加 min-height: 70px
- 确保点赞按钮有足够空间完整显示
|
2026-01-16 16:13:46 +08:00 |
|
