我开发了一个”摸鱼神器”,让办公室看小说变得天衣无缝
一个伪装成技术博客的小说阅读器,老板走过来只会看到你在”学习技术”
故事的开始
作为一个996的程序员,我深知在办公室摸鱼的痛苦。想看点小说放松一下,但总是提心吊胆,生怕老板突然出现在身后。
直到有一天,我灵光一闪:为什么不做一个看起来像技术博客的小说阅读器呢?
于是,这个”摸鱼神器”诞生了。
添加图片注释,不超过 140 字(可选)
图1:完美还原CSDN技术博客的界面,三栏布局,专业感十足
核心功能:完美伪装
1. CSDN风格布局 - 最强伪装模式
这是我最得意的功能。整个界面完全还原了CSDN技术博客的风格:
- 左侧边栏:作者信息、推荐文章、热门标签
- 中间主内容区:技术文章格式,小说内容完美镶嵌其中
- 右侧边栏:文章目录、相关文章、分类专栏
添加图片注释,不超过 140 字(可选)
图2:三栏经典布局,即使老板站在身后,看到的也是专业的技术博客
使用场景:
- 午休时间在办公桌前阅读
- 编译等待期间充分利用碎片时间
- 远程办公开会时快速切换界面
- 开放式办公区360度无死角伪装
2. 五种布局模式 - 适应不同场景
除了CSDN模式,我还开发了其他几种布局:
默认风格
简洁清爽的博客风格,适合日常阅读
添加图片注释,不超过 140 字(可选)
图3:简洁清爽的默认布局
编辑器聊天模式
VS Code风格的聊天室,完美伪装成代码调试界面
添加图片注释,不超过 140 字(可选)
图4:看起来就像在查看代码日志,隐蔽性极高
自定义布局
用户可以自己提供任意网页URL进行iframe嵌入,想伪装成什么就伪装成什么
一键切换:在侧边栏点击”界面主题”按钮即可循环切换所有布局模式。
内容获取:两种方式
方式一:本地文件上传
支持上传TXT格式的小说文件,系统会自动:
- 智能编码检测:自动识别UTF-8、GBK、GB2312等多种编码
- 自动分段处理:将小说内容分段镶嵌到技术文章中
- 云端存储:上传到腾讯云COS,多设备同步
添加图片注释,不超过 140 字(可选)
图6:支持拖拽上传,自动编码检测,零配置使用
方式二:在线搜索
无需下载,直接在线搜索和阅读:
- 即搜即读:搜索到的小说立即可以阅读
- 边读边爬:一次只加载一章,节省流量
- 自动加载:翻到最后一页时自动加载下一章
添加图片注释,不超过 140 字(可选)
图7:输入关键词即可搜索,准确率≥90%,智能匹配算法
使用体验:
- 在搜索框输入小说名称
- 系统智能匹配,显示搜索结果
- 点击开始阅读,立即加载第一章
- 翻页时自动加载下一章,无缝体验
用户系统:数据永不丢失
作为一个有强迫症的程序员,我无法忍受数据丢失的痛苦。所以开发了完整的用户系统:
核心功能
- 注册登录:Token认证,30天有效期
- 阅读进度云同步:多设备数据同步,换电脑也不怕
- 个人书架:收藏和管理喜欢的小说
添加图片注释,不超过 140 字(可选)
图8:个人中心界面,包含书架
阅读进度自动保存
这是我最满意的功能之一。系统会自动保存你的阅读进度:
- 实时同步:每翻一页自动保存
- 多设备共享:手机、电脑、平板数据同步
- 断点续看:下次打开自动定位到上次阅读位置
添加图片注释,不超过 140 字(可选)
图9:侧边栏实时显示阅读进度,包括当前页码和百分比
智能搜索:找到你想看的内容
名称搜索
按小说名称进行模糊搜索,支持搜索服务器和本地小说
内容搜索(我最得意的功能)
输入小说中的一段话,系统会在内容中搜索匹配的文本:
- 智能定位:显示匹配内容在第几页
- 上下文显示:显示匹配文本的前后各100字
- 关键词高亮:匹配的内容会高亮显示
- 快速跳转:点击搜索结果直接跳转到对应页面
添加图片注释,不超过 140 字(可选)
图10:输入”他缓缓睁开眼睛”,系统自动定位到对应页面
社区系统:摸鱼人的秘密基地
作为一个社交恐惧症患者,我深知摸鱼时的孤独。所以开发了社区系统:
- CSDN风格界面:完美融入技术博客风格
- 发帖评论互动:分享摸鱼技巧,交流经验
- 分类清晰:技术分享、问答讨论、项目展示等
- 消息通知:实时提醒新回复
添加图片注释,不超过 140 字(可选)
图11:社区界面,CSDN风格,隐蔽性极高
使用场景:
- 分享摸鱼技巧和心得
- 推荐优质小说资源
- 交流伪装经验
- 结交摸鱼好友
⚡ 效率工具:快捷键操作
作为一个键盘党,我无法忍受频繁点击鼠标。所以设计了完整的快捷键系统:
| 快捷键 | 功能 | 说明 |
|---|---|---|
| 双击空格 | 切换模式 | 博客 ↔ 小说,瞬间切换 |
| ← / PageUp | 上一页 | 快速翻页 |
| → / PageDown | 下一页 | 快速翻页 |
| Esc | 紧急切换 | 老板来了!立即切换回博客模式 |
紧急切换功能: 这是最重要的功能!遇到紧急情况,按 Esc 键立即切换回博客模式,天衣无缝。
博客模板自定义:想伪装成什么就伪装成什么
这是最新开发的功能,让伪装更加灵活:
用户端功能
- 创建自定义模板:支持添加段落、标题、代码、列表等多种内容类型
- 生成分享码:8位唯一字符串,轻松分享给其他用户
- 导入模板:输入分享码即可导入他人的模板
添加图片注释,不超过 140 字(可选)
添加图片注释,不超过 140 字(可选)
图13:模板管理界面,可以创建、编辑、分享模板
使用技巧
隐蔽性最大化
- 界面选择 → CSDN模式最专业
- 快捷键熟练 → Esc随时待命
- 阅读节奏 → 不要翻页太快
- 准备话题 → 能聊技术内容
效率最大化
- 注册登录 → 同步所有数据
- 熟记快捷键 → 操作行云流水
- 提前缓存 → 离线也能看
- 分类管理 → 井井有条
适用人群
- ✅ 程序员、前端工程师等技术岗位
- ✅ IT公司上班族
- ✅ 需要在办公室隐蔽阅读的人群
- ✅ 想要学习的同时放松的开发者
访问方式
社区论坛:www.duanwuqiufenmao.top/community
移动端支持:m.duanwuqiufenmao.top
写在最后
这个项目从想法到实现,花了我不少时间。但看到它能帮助大家在办公室”安全摸鱼”,我觉得一切都值得了。
核心设计理念:
- 完美伪装:看起来像技术博客,实际上在看小说
- ⚡ 高效便捷:快捷键操作,流畅体验
- 数据安全:云端同步,永不丢失
- 灵活多样:五种布局模式,适应不同场景
免责声明: 本工具仅供学习交流使用。请合理安排工作和娱乐时间,保持良好的职业素养。摸鱼有风险,使用需谨慎!