✨ 将 LinuxDo 论坛变成小红书风格的瀑布流卡片布局 ✨
📦 GreasyFork 安装 • 🐙 GitHub 仓库 • 👤 作者主页
|
|
|
|
请先安装用户脚本管理器：
| 扩展 | Chrome | Firefox | Edge | Safari |
|---|---|---|---|---|
| Tampermonkey ⭐推荐 | ✅ | ✅ | ✅ | ✅ |
| Violentmonkey | ✅ | ✅ | ✅ | ❌ |
或者从 GitHub 安装：
https://raw.githubusercontent.com/caigg188/littleLBook/main/littleLBook.user.js
安装后访问 linux.do，点击页面右上角的 
按钮：
┌─────────────────────────────────┐
│ [图标] 小L书 × │
├─────────────────────────────────┤
│ 基础设置 │
│ ┌─────────────────────────┐ │
│ │ ✨ 启用小L书 [ON] │ │
│ │ 📐 卡片错落布局 [ON] │ │
│ │ 📊 显示统计信息 [ON] │ │
│ │ 🌙 暗色模式 [跟随系统]│ │
│ └─────────────────────────┘ │
│ │
│ 主题颜色 │
│ 🔴 🔵 🟢 🟣 🟠 🩷 [自定义] │
└─────────────────────────────────┘
| 设置 | 说明 |
|---|---|
| ✨ 启用小L书 | 开关瀑布流卡片布局 |
| 📐 卡片错落布局 | 开启瀑布流效果，关闭则等高行排列 |
| 📊 显示统计信息 | 卡片底部显示 💬回复数 👁️浏览数 |
| 🌙 暗色模式 | 跟随系统 / 始终亮色 / 始终暗色 |
| 主题 | 色值 | 预览 |
|---|---|---|
| 小红书红 | #ff2442 |
🔴 经典小红书配色 |
| 天空蓝 | #1890ff |
🔵 清爽科技感 |
| 清新绿 | #52c41a |
🟢 自然护眼 |
| 神秘紫 | #722ed1 |
🟣 高贵优雅 |
| 活力橙 | #fa541c |
🟠 热情活力 |
| 少女粉 | #eb2f96 |
🩷 甜美可爱 |
💡 还可以使用颜色选择器自定义任意颜色！
┌────────┐ ┌────────┐ ┌────────┐ ┌────────┐
│ 📷 │ │ ╭────╮ │ │ 📷 │ │ ✿────┐ │
│ 图片 │ │ │ 💡 │ │ │ 图片 │ │ │ ✨ │ │
│ 封面 │ │ │文字│ │ │ 封面 │ │ │文字│ │
│ │ │ │卡片│ │ │ │ │ │卡片│ │
├────────┤ │ ╰────╯ │ ├────────┤ │ └────┘ │
│ 标题 │ ├────────┤ │ 标题 │ ├────────┤
│ 👤 ❤️ │ │ 标题 │ │ 👤 ❤️ │ │ 标题 │
└────────┘ │ 👤 ❤️ │ └────────┘ │ 👤 ❤️ │
└────────┘ └────────┘
- 📷 图片卡片 - 自动提取帖子首图，支持多图计数
🖼 3 - ✨ 文字卡片 - 10种柔和配色 + emoji装饰 + 手绘边角
- 📌 置顶标识 - 醒目的置顶徽章
- 🏷️ 分类标签 - 左上角显示帖子分类
- ❤️ 点赞状态 - 实时显示点赞数和状态
littleLBook.user.js (v2.6)
│
├── 📦 Config 配置管理
│ ├── 默认配置与主题色
│ ├── GM_setValue/getValue 持久化
│ └── localStorage 缓存优化
│
├── 🛠️ Utils 工具函数
│ ├── 颜色转换 (hex ↔ rgb)
│ ├── 数字格式化 (1.2k, 3.4w)
│ ├── 防抖函数
│ └── 伪随机数生成器
│
├── 🎨 Styles 样式管理
│ ├── 早期样式注入 (防闪烁)
│ ├── 基础样式 (卡片、动画)
│ ├── 主题样式 (颜色变量)
│ └── 深色模式适配
│
├── ⚙️ Panel 设置面板
│ ├── 响应式UI
│ ├── 实时预览
│ └── 配置同步
│
├── 📐 Grid 瀑布流引擎
│ ├── IntersectionObserver 懒加载
│ ├── 智能速率限制
│ ├── 指数退避重试
│ ├── 文字特效处理
│ └── 装饰元素生成
│
└── 🚀 App 应用主控
├── 路由监听
├── MutationObserver
└── 生命周期管理
| 技术 | 用途 |
|---|---|
IntersectionObserver |
图片懒加载触发 |
MutationObserver |
监听动态内容加载 |
requestIdleCallback |
空闲时间处理任务 |
CSS Variables |
动态主题切换 |
滑动窗口限流 |
请求速率控制 |
指数退避 |
失败重试策略 |
- ✨ 添加速率限制和退避策略，防止请求过快
- ✨ 请求冷却时显示友好提示
- 🎨 深色模式全面适配（标题、分类、标签、按钮等）
- 🐛 修复帖子底部按钮颜色问题
- 🐛 修复浅色/深色模式切换时的样式兼容
- ✨ 设置面板标题栏跟随主题色
- ✨ GitHub按钮添加Star提示
- 🎨 "小红书模式"更名为"小L书"
- ✨ 新增卡片错落布局开关
- ✨ 新增暗色模式设置（跟随系统/手动）
- 🎨 优化深色模式卡片配色
查看更早版本
- ✨ 帖子详情页样式优化
- 🐛 修复文字特效显示问题
- ✨ 10种卡片配色方案
- ✨ 文字特效（高亮、波浪线等）
- ✨ 手绘装饰元素
- ✨ 图片懒加载优化
- 🐛 修复移动端布局问题
- 🎉 完全重写，模块化架构
- ✨ 新增设置面板
- ✨ 支持自定义主题色
欢迎提交 Issue 和 Pull Request！
# 克隆仓库
git clone https://github.com/caigg188/littleLBook.git
# 创建特性分支
git checkout -b feature/your-feature
# 提交更改
git commit -m "feat: add your feature"
# 推送并创建 PR
git push origin feature/your-feature- 🐛 Bug 反馈: GitHub Issues
- 💡 功能建议: GitHub Discussions
- 💬 交流讨论: LinuxDo 帖子
本项目采用 MIT License 开源许可证。
|
JackyLiii
LinuxDo • GitHub |
如果觉得好用，请给个 ⭐ Star 支持一下！
Made with ❤️ for LinuxDo Community