摸魚島開源摸魚儀表板：把熱榜、待辦和五子棋收進一頁

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

想一次看懂今天網路上在燒什麼，通常得在知乎、微博、新聞 App 之間來回切換；想在辦公室喘口氣，又怕螢幕上的內容太顯眼。摸魚島把這兩件事收進同一個頁面：打開就是一面熱榜牆，旁邊掛著每日待辦、聊天室、小遊戲和開發者工具箱，原始碼整套公開放在 GitHub 上，喜歡的話可以抓下來自己架。原始碼裡還留著老闆鍵設計，按住 Ctrl 和 Shift 再按 B，整頁會立刻切成一個仿百度搜尋的外觀，設定選單則藏在 Ctrl 和 Shift 加 S，可以換成你自己的圖片。

先說清楚這篇文章的定位：內容來自官網實際載入的畫面、前後端兩份原始碼與官方文件的對照，屬於認識型的導覽。需要帳號的功能（聊天、遊戲、寵物養成）本文沒有實際操作，相關段落以原始碼與官方說明為準，效果與穩定度請自行驗證。

打開先看到熱榜牆，來源全在中國大陸

打開官網，不用註冊，首頁就是三欄式的熱榜牆。實際載入時，各欄標示的更新時間落在二十多分鐘前，每條標題旁掛著熱度數字，右下角還有一個下班倒數時鐘，一直在走。有個小地方值得一提：同樣叫熱度，知乎頭條標到四百多萬，虎撲步行街的第一名約五萬，掘金沸點只有兩百出頭，三個平台各自的計量單位差了好幾個數量級，想跨欄比較熱門程度，得自己心裡換算。

規模方面，原始碼裡的來源清單列出二十一個啟用中的資料來源（其中一個是站內的摸魚助手頻道）：知乎、微博、虎撲步行街、嗶哩嗶哩、抖音、百度貼吧、CSDN、掘金、NGA 討論區、同花順、財聯社、什麼值得買、網易雲音樂、QQ 音樂、直播吧、小黑盒與編程導航等；LinuxDo 與 V2EX 兩個來源則被註解停用。官網關於頁列出的來源是十個，跟程式碼有一段差距，實際數量建議當作量級參考，別當成精確承諾。值得留意的是，這些來源全部是中國大陸的平台，從台灣看過去，它更像一面觀察對岸輿論與科技圈話題的看板，不是本地新聞的聚合器。

運作方式拆一層就夠：後端是 Java 的 Spring Boot 服務，用爬蟲定期去各平台抓熱榜，放進 Redis 快取，前端再以三欄卡片呈現，聊天室則走 WebSocket 長連線。檔案上傳的上限設在 100MB，服務的介面文件也在設定裡開著，工程味很重，看得出作者是把網站當練功房在養。

Pin

從摸魚儀表板長成的小型社群

這個專案在 2025 年 2 月開工，後端倉庫已累積七百多顆星、一百多個 fork。翻開資料庫結構會發現它早已超過一面熱榜牆：積分、簽到、轉盤抽獎、農場種菜（可以偷好友的菜）、寵物養成、裝備鍛造、爬塔、頭像框、稱號，加上類似朋友圈的「魚圈」動態，一整排遊戲化設計。小遊戲有五子棋、象棋和 2048，官方文件寫明支援和 AI 對戰，也可以開房間邀朋友。摸魚的儀式感也做得足：右下角掛著一個一直在走的下班倒數時鐘，官方功能清單另外列了下班薪資計算機與放假倒數；有新訊息時，瀏覽器分頁的標題會閃爍提醒，網站圖示也能自己換。

有個細節可以看出這個專案的生態：官網關於頁的更新公告停留在 2025 年 3 月的 V1.2.8（內容是頭像框兌換與前端提速），但 GitHub 上的開發其實一路活到了 2026 年 9 月。前台文案沒有跟上程式碼的腳步，判斷功能現況時，以倉庫為準比以官網公告為準可靠。

作者把它定位成個人網站，用戶一度突破一千人、尖峰同時上線八十餘人，這些數字屬於作者自行揭露，本文無從獨立核實。網站上有打賞機制，透過虎皮椒代收微信與支付寶付款，打賞榜會列出贊助者；資料庫裡也留有會員卡位與兌換碼的表格。付費流程的實際體驗本文未驗證，打賞與會員權益之間的關係，以站方說明為準。

社群的入口是 QQ 群（入群要答暗號「摸魚」）和一份騰訊文檔需求單，需求與臭蟲都集中在那裡收。加上簡體中文介面，把它當看板用很順，想真正融入社群玩遊戲化功能，得先跨過這幾道門檻。

註冊之前，先看清帳號這一側的邊界

熱榜牆不用登入就能看，這是摸魚島最輕的用法。一旦決定註冊帳號，有幾件事值得先放在心上。

先看登入這一關怎麼過：主要走電子郵件註冊，註冊時要過滑動拼圖驗證，資料庫裡有一張專門封鎖拋棄式信箱網域的表，臨時信箱多半過不了關；另外也留了 LinuxDo 帳號的第三方登入路徑，對有這個論壇帳號的人方便一些。

密碼怎麼存：原始碼顯示，註冊密碼會加上一個寫死在程式裡的固定字串，做 MD5 雜湊後存進資料庫。MD5 是速度快、容易被高速窮舉破解的舊式雜湊，多數現代服務早已換成 bcrypt 或 argon2 這類慢雜湊。這不代表站方會對你的密碼做什麼，而是提醒一個通則：在個人專案的公共站註冊，密碼請用別處沒用過的組合。

位置怎麼露：聊天室會顯示用戶的地理位置，後端有專門介面，依連線當下的 IP 反查城市層級的位置。在跟陌生人聊天的情境裡，這一點值得先知道。

AI 往哪送：聊天中向摸魚助手發問（在訊息裡標記它），後端會把內容轉送給 AI 服務再回覆，金鑰放在站方伺服器上，程式碼顯示接的是矽基流動與另一家模型服務。工具箱裡另有 AI Agent 工具，走自帶金鑰路線：你填自己的 OpenAI 相容金鑰，金鑰存在瀏覽器的 localStorage，由瀏覽器直接跟模型端點連線。兩種 AI 用法的資料路線完全不同，前者把內容交給站方轉送，後者把金鑰留在自己的瀏覽器裡。工具箱的 AI 家族也不只這兩個，還有幫你生週報的助手，後端程式碼裡甚至留了一個模擬面試的資料源，看得出作者把打工日常的需求一併搬了進來。

統計碼與書源：前端寫死了一段百度統計腳本，任何人造訪公共站都會被記進站方的統計帳號；自架的人若沒有主動移除，自己站的訪客一樣會回報到作者那邊；想連統計都自己掌控的人，可以另找開源的網站分析工具，例如Rybbit。摸魚閱讀功能走獨立部署的 reader3 服務，支援自帶書源，書源指向哪些網站、內容是否經過授權，責任在使用者自己，這類書源式閱讀器的版權邊界向來取決於你掛的來源；另外該服務的存取權杖是直接寫在前端常數裡的，屬於個人專案常見、但不算謹慎的做法。

還有一個容易忽略的性質：待辦清單、遊戲進度、寵物與積分都存在站方的資料庫裡，跟著你的帳號走，而非存在你自己的瀏覽器。這代表服務哪天收起來，這些紀錄也一起消失；把它當遊樂場可以，別把它當唯一的待辦系統。

想自架，先過授權與部署兩道門

授權是整個專案最值得停下來看的地方，因為三個訊號各說各話：官網關於頁的頁尾寫著 MIT 協議；前後端兩個 GitHub 倉庫都沒有 LICENSE 檔案，GitHub 的授權欄位顯示 None；README 裡又有自訂條款，要求使用者在網站上標註作者名稱與專案連結，不想保留署名必須先取得授權。法律上，沒有授權檔的公開原始碼預設保留所有權利，頁尾一行字不會改變這件事。把摸魚島當「作者慷慨分享、歡迎整包抓回去的原始碼」來用，比當「標準開源專案」更接近現況；要商用或大幅改造，先寫信問作者一句最省事。

Pin

部署的份量也要先秤過：它不是丟上靜態網頁空間就能跑的專案。後端需要 MySQL 資料庫、Redis 快取、MinIO 物件儲存與寄信用的 SMTP 設定，先執行倉庫附的建表 SQL，改好連線設定，用 Maven 打包成 Docker 容器執行，前面再掛一層 nginx，而且設定檔裡連 WebSocket 反向代理的段落都替你寫好了；前端要改好 API 位址後重新打包。對寫過一點後端的人，這是半天到一天的事；對沒碰過資料庫的人，是一條完整的學習曲線。另外別以為架好就與世無爭：聊天室的表情包依賴搜狗的圖庫介面，放假倒數依賴第三方的假日查詢服務，設定範例裡同樣附了反向代理的寫法，等於自架之後仍有一段功能掛在外部服務上。

好消息是專案還活著：後端在 2026 年 9 月中旬仍持續合併社群貢獻，前端同期還在加全域音樂播放器，不是棄坑狀態。熱榜來源也開放貢獻，文件寫明了做法：用爬蟲抓、在來源清單註冊、照固定格式回傳。照這個模式，理論上你可以把台灣的討論區或新聞源掛進來，能不能穩定抓到，取決於目標網站的開放程度。

三種拿法，看你想要哪一種

把前面的資訊收攏成一張表，三種用法的得失就清楚了很多。

最輕的驗證方式是直接打開 yucoder.cn，不用註冊，看熱榜的更新頻率與欄位安排順不順眼。特別提醒：網路上流傳的舊網址 fish.codebug.icu 已經變成網域停放的廣告頁，別被帶偏。看完喜歡、又有一點後端基礎，再進 GitHub 把兩個倉庫抓下來，照部署文件評估自己想不想扛那套依賴；要改造或商用，記得先把授權狀態跟作者確認清楚。對多數台灣讀者來說，這個專案最耐用的價值不在公共站的社群，而在那套「熱榜聚合＋待辦＋遊戲化」的原始碼骨架：拿來當自訂起始頁的起點，比再多註冊一個網站更值得。