兼容版本说明
这是 Maqa Blog 的老旧浏览器兼容版本，专为 IE8、Firefox 2 等经典浏览器设计。 我们希望通过这个版本，让使用老旧设备和浏览器的用户也能正常访问和阅读博客内容。
实现目的
- 支持 Windows 98/XP 等老旧操作系统上的浏览器
- 兼容 IE6/7/8、Firefox 2/3 等经典浏览器版本
- 为博物馆、学校等仍在使用老旧设备的场所提供访问支持
- 保留互联网早期的兼容性和开放性精神
技术实现
核心技术栈
- jQuery 1.3.2- 最后一个支持 Firefox 2 的 jQuery 版本，提供基础的 DOM 操作和事件处理
- CSS 2.1- 完全兼容 IE8 的样式标准，避免使用 CSS3 特性
- 静态站点生成- 使用 Node.js 从 API 获取数据，生成纯 HTML 页面
- 图片优化- 所有图片转换为 JPG 格式，最大宽度 800px，兼容 IE8
兼容性处理
- 使用
zoom: 1和overflow: hidden清除浮动（IE8 方案） - 避免使用
border-radius、flexbox等 CSS3 属性 - 使用 Cookie 而非 localStorage 存储主题偏好（IE8 不支持 localStorage）
- 图片使用绝对路径，避免 Firefox 2 的路径解析问题
- 通过 Cloudflare Pages 的
_redirects解决 Firefox 2 自动补全.html 后缀的问题
主题切换
支持浅色/深色两种主题，通过 jQuery 1.3.2 的 .css()方法动态切换样式。 主题偏好保存在 Cookie 中，下次访问时自动应用。
🌐 推荐访问方式
如果您使用现代设备，建议访问：
- 主站：使用 Vue 3 + Tailwind CSS v4，支持最新浏览器特性
- 推荐浏览器：Chrome 111+、Safari 16.4+、Firefox 128+、Edge 111+
- 推荐设备：近 5 年生产的智能手机、平板、电脑
如果您使用老旧设备，请继续访问此兼容版本：
- Windows 98/2000/XP + IE6/7/8
- Windows 98/XP + Firefox 2.0/3.6
- 老旧的 Mac OS X + Safari 早期版本
- 其他不支持现代 Web 标准的设备和浏览器
注意事项
- 此版本功能有限，仅支持基础的文章阅读功能
- 部分现代浏览器的高级特性（如评论、点赞等）可能不可用
- 图片经过压缩和格式转换，质量可能略有损失
- 为了兼容性，页面布局和动画效果相对简单
联系我们
如果您在使用此兼容版本时遇到问题，或者有其他建议，欢迎通过主站联系我们。 感谢您对 Maqa Blog 的支持！