将LinuxDo改造成小红书风格瀑布流布局，支持自定义主题色
🎨 将 LinuxDo 论坛改造成小红书风格瀑布流布局
requestIdleCallback 处理非关键任务请先安装以下浏览器扩展之一：
littleLBook.user.js 的全部内容安装后访问 linux.do，在页面右上角会出现一个设置按钮：
点击设置按钮打开配置面板：
| 设置项 | 说明 |
|---|---|
| ✨ 启用小红书模式 | 开启/关闭瀑布流卡片布局 |
| 📊 显示统计信息 | 是否在卡片底部显示回复数和浏览数 |
| 🎨 主题颜色 | 选择预设主题或自定义颜色 |
| 主题 | 颜色 | 色值 |
|---|---|---|
| 小红书红 | 🔴 | #ff2442 |
| 天空蓝 | 🔵 | #1890ff |
| 清新绿 | 🟢 | #52c41a |
| 神秘紫 | 🟣 | #722ed1 |
| 活力橙 | 🟠 | #fa541c |
| 少女粉 | 🩷 | #eb2f96 |
┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐
│ 📷 │ │ 💡 │ │ 📷 │ │ ✨ │
│ 图片 │ │ 文字 │ │ 图片 │ │ 文字 │
│ 卡片 │ │ 卡片 │ │ 卡片 │ │ 卡片 │
├──────┤ └──────┘ ├──────┤ └──────┘
│ 标题 │ │ 标题 │
│ 👤❤️ │ │ 👤❤️ │
└──────┘ └──────┘
littleLBook.user.js
├── Config # 配置管理模块（GM_setValue/GM_getValue）
├── Utils # 工具函数（颜色转换、数字格式化、防抖等）
├── Styles # 样式注入模块（基础样式 + 主题样式）
├── Panel # 设置面板模块（UI 交互）
├── Grid # 瀑布流模块（卡片渲染、图片懒加载）
└── App # 应用主模块（初始化、路由监听）
GM_addStyle - 注入 CSS 样式GM_setValue / GM_getValue - 持久化用户配置IntersectionObserver - 图片懒加载MutationObserver - 监听 DOM 变化requestIdleCallback - 空闲时执行任务欢迎提交 Issue 和 Pull Request！
git checkout -b feature/AmazingFeaturegit commit -m 'Add some AmazingFeature'git push origin feature/AmazingFeature本项目采用 MIT License 开源许可证。
JackyLiii
如果这个项目对你有帮助，请给个 ⭐ Star 支持一下！
Made with ❤️ for LinuxDo Community