TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南
System Design 101：9 萬星圖解系統設計，內容真身搬到官網
GitHub 上 9 萬星的 System Design 101，曾經是自帶幾十張圖解的離線教材；2025 年 4 月之後 README 變成 419 條指向官網的目錄連結，圖解改由官網 CDN 載入，repo 主分支凍結至今。這篇整理內容搬到哪、CC BY-NC-ND 授權禁什麼，以及免費部分還剩多少。
用 AI 摘要這篇文章：
準備系統設計面試的人，書籤列裡多半躺過這個名字：System Design 101。GitHub 上 9 萬顆星、1 萬次 fork，用一張張圖把 REST、gRPC、負載平衡、資料庫、快取這些硬主題畫成看得懂的流程。不過在 2026 年的今天打開它的 README，畫面跟多數人印象裡的那本圖解百科已經不一樣：正文剩下純文字目錄，419 條連結全部指向同一家商業網站 bytebytego.com，點任何一個主題都會離開 GitHub。
這不是詐騙，也不是關站。repo 還在、內容也還免費，只是形態變了：目錄留在 GitHub，教材搬進官網，圖解改從對方的伺服器載入。這篇把現況講清楚，包含 2025 年 4 月那筆改變一切的 PR、授權條款 CC BY-NC-ND 的實際限制，以及免費的部分還剩下什麼。
先把話講白：GitHub 上那份是目錄，不是課本
System Design 101 隸屬 ByteByteGoHq 組織，背後就是經營 ByteByteGo 品牌的同一家公司。ByteByteGo 做的是技術面試準備生意：電子報、YouTube 頻道、付費課程，電子報刊名掛著 Alex Xu，也就是 Amazon 暢銷書《System Design Interview》系列的作者；官網首頁標榜超過 100 萬電子報訂閱者、500 萬學習者（依官網行銷數字）。
repo 現在的結構很誠實：README 頂部一張行銷橫幅連向電子報訂閱頁，接著是由腳本自動生成的目錄，15 個分類、約 400 個主題，每個主題都是一條指向 bytebytego.com/guides 的外部連結。真正的圖解文章在官網上，免費可讀；GitHub 這邊的角色，比較像一本雜誌的目錄頁。
官網把內容拆成 15 個分類：API 與網頁開發、真實案例、AI 與機器學習、資料庫與儲存、技術面試、快取與效能、支付與金融科技、軟體架構、開發工具與生產力、軟體開發、雲端與分散式系統、運作原理、DevOps 與 CI/CD、資安、電腦基礎，repo 裡也一一對應 15 個分類檔。
官網端的閱讀體驗不差。熱門主題從 Netflix、Twitter、Airbnb、Discord 的架構拆解，到 Redis、Kafka、Kubernetes 的核心機構都有，打開 gRPC 那篇，全文免費、沒有註冊牆，文末還附一條 Edit on GitHub 連結，指到 repo 裡對應的 markdown 檔案。
題目的成色也經得起看。經典面試題像是 What Happens When You Type google.com Into a Browser?、Sessions, Tokens, JWT, SSO, and OAuth Explained、CAP Theorem: One of the Most Misunderstood Terms 都有一張圖配短文；案例類有 How Discord Stores Trillions of Messages、Twitter 的推薦時間軸怎麼在 1.5 秒內算完、Netflix 的技術棧拆解；基礎類從 DNS 查詢、TCP 與 UDP 的差異，到 Linux 開機流程都畫得出來。每篇的形態一致：一張大圖，配十幾行步驟解說，五分鐘能讀完一篇，餓的人一晚可以掃一個分類。
2023 年的它，真的是一本自足的圖解百科
它的星標不是憑空來的。2023 年 9 月 repo 建立、隔月內容上線時，形態確實對得起圖解百科四個字：一份長 README 拆成 14 個內容主題，從通訊協定、CI/CD、架構模式、資料庫、快取、微服務，一路排到支付系統、Git、雲端服務、Linux 指令、資安與真實案例；images/ 資料夾裡放著 71 個圖檔，其中 68 張直接內嵌在文件裡，指向第三方的連結只有 1 條，其餘對外連結是自家電子報與 YouTube 頻道。整份教材存在 GitHub 上，clone 下來就等於拿到一份離線副本。9 萬顆星就是靠這個自足的形態累積出來的，在教學類 repo 裡屬於最前列的那批。
然後它安靜下來。2023 年 12 月底最後幾筆文字修正之後，repo 沉默了超過一年。對照今天的檔案列表，落差一目了然：images/ 資料夾整個消失，取而代之的是 400 多個 markdown 檔案，全 repo 唯一留下的圖，是那張連往電子報的行銷橫幅。當年流傳最廣的幾張圖，SOAP、REST、GraphQL、RPC 的協定比較圖、API 架構風格總表、Linux 常用指令地圖，全都從那個已經消失的資料夾長出來；今天在簡報或部落格裡看到這幾張圖，出處多半可以追溯到這裡。
2025 年 4 月那筆 PR，把圖解搬出了 GitHub
轉折點在 git 歷史裡寫得清清楚楚。2025 年 4 月 1 日，編號 #106 的 PR 合併，標題是 Adds ByteByteGo guides and links，由帳號 nilbuild 提出，一口氣改了 493 個檔案：新增約 15,800 行、刪掉約 1,700 行。舊 README 的圖解內容被整份目錄取代，400 篇文章以 markdown 形式放進 data/guides/ 資料夾，README 的連結改由 scripts/readme.ts 這支腳本自動生成，repo 裡也因此多了 package.json 與鎖檔，目錄本身變成一項要用工具鏈維護的產物。之後站方又補了一筆貢獻者規範的 commit，主分支就停在 2025 年 4 月 4 日，到現在約 18 個月沒有動靜。
最值得注意的細節是圖檔的去向。400 篇 markdown 還留在 repo 裡，文字內容與官網同文，但每篇文章的圖解不再存在 repo 內，而是從 assets.bytebytego.com 這個 CDN 外嵌載入。換句話說，今天把 repo 整份 clone 下來，拿到的是一本沒有插圖的課本：文字在你硬碟裡，圖在對方伺服器上。翻到的檔案建立日期都落在 2024 年上半年，早於匯入 PR 的時間，看得出這批文章先在官網與電子報連載，2025 年才整批倒進 repo。
搬遷的毛邊也看得到。15 個分類檔的資料欄位裡，圖片位置還指向已經刪掉的 images/ 舊路徑，打開是 404。這種小地方不影響官網閱讀，但說明了 repo 本身已經變成第二順位的資產，維護力道全在官網端。
這對拿它當教材的人，實際差在哪
幾個實際影響，收藏之前值得知道。離線副本先失效：以前 clone 等於備份整本圖解教材，現在 clone 只拿到文字，gRPC 那篇的解說寫著「上方圖表展示整體資料流」，離線時這張圖不會出現，十四個步驟對著空白讀。錯誤修正也不再發生在 repo：2026 年社群陸續通報的圖檔誤植、內容定義錯置等問題（issue #137、#139、#140）都沒有維護者處理，幾筆例行更新的 PR 也懸著沒併，內容修訂只發生在官網。相依性同時變高：哪天 CDN 改址或官網改版，repo 這份目錄就指向空氣，9 萬顆星救不了它。
真想要一份自足的離線教材，其實有個老派解法：git 歷史裡舊版都還在。2023 年的首版 commit 完整保留 71 個圖檔與整份舊 README，checkout 到那個版本，就能搬走一份當年的圖解百科；不熟指令的話，在 GitHub 網頁上點進 commit 歷史，同樣讀得到整份舊文件。代價是內容停在 2023 年，之後新增的幾百篇主題都讀不到，而且授權同樣是 CC BY-NC-ND，搬走只限自己讀。
| 對照項 | 2023 年的形態 | 2026 年的現況 |
|---|---|---|
| 圖解存放 | 71 個圖檔在 repo 的 images/ 資料夾 | repo 僅剩 1 張行銷橫幅，圖解由官網 CDN 外嵌 |
| README | 14 個主題、68 張圖直接內嵌 | 419 條目錄連結全指向 bytebytego.com |
| 文章本體 | 單一長文 README | 400 篇 markdown 存於 data/guides/ |
| 維護狀態 | 社群持續修文字 | main 停在 2025 年 4 月，issue 無人處理 |
（資料檢視時間：2026 年 10 月；來源：GitHub repo 與官網）
400 篇免費圖解，是漏斗的頂端
把商業面看完整，這個安排就合理了。ByteByteGo 的付費產品是面試準備課程，從系統設計面試、機器學習系統設計、生成式 AI 系統設計，到行為面試與物件導向設計一應俱全，甚至有一個用自家書籍內容訓練的 Ask Alex 問答機器人；課程採一次買斷，分成一年存取、終身與年度訂閱等方案，定價頁掛著促銷，官網 FAQ 明寫課程不退款，建議先讀免費內容再決定。400 篇免費圖解、9 萬星的 repo、README 頂部的行銷橫幅與電子報連結，共同構成這台機器的進貨口：讀者因為免費教材進來，下一步被引導去訂電子報，再下一步是課程頁。細節也看得出經營的細膩，README 頂部橫幅連往電子報時，網址帶著 utm_source=site 的追蹤參數，哪條通路帶來的訂閱，站方後台一目了然。
這樣講並非要否定它的價值。用圖解把系統設計做到這個完成度、又整批免費開放的資源，同級的選擇不多；付費牆也沒有伸進 guides 裡，翻過的篇幅都是全文免費，官網標示的 400 篇與 repo 的 400 個檔案也對得上。比較準確的說法是：這是一場公開的商業化搬遷，git 歷史任何人都能查，站方沒有隱瞞；只是「收藏 repo 等於擁有教材」的假設，從 2025 年 4 月起就不成立了。
授權這關：CC BY-NC-ND 禁商用也禁改作
想把圖解拿去用的人，先看授權。repo 的 LICENSE.md 寫的是 CC BY-NC-ND 4.0：非商業性使用、禁止改作、必須標示出處。它不是常見的開源授權，GitHub 也只偵測成 Other；這份授權檔還是 2023 年由貢獻者補上的，PR 標題就寫著要讓授權更容易被找到。對讀者最實際的兩條線：把圖放進付費課程、商業簡報或營利內容，不行；想把圖解翻譯成中文再出版，也不行，翻譯在 CC 的定義裡屬於改作。自己閱讀、在非營利的內訓或讀書會引用並標明出處，一般沒有爭議；條款寫的是基本線，個案認定仍有變數，涉及商業使用時，建議直接向官網支援信箱確認。
官網當課本、repo 當目錄：備面試的正確用法
對正在準備後端或系統設計面試的人，這套教材仍然值得排進書單，用法建議倒過來：把官網 guides 當課本，把 repo 當目錄與進度表，再訂電子報追新主題。官網 Technical Interviews 分類裡的 How to Ace System Design Interviews 與 What Happens When You Type google.com Into a Browser? 是公認的起手題，從這兩篇切入，再往資料庫與快取分類擴散，動線很順。面試補充材料可以搭配著看：像是把假協議埋進面試題、讓 AI 作弊助手自己現形的 BeatCluely，或用星標地圖把清單文與真專案分開看的 1k GitHub Stars 開源星數地圖。
工程師若想把 400 篇 markdown 餵給 AI 當私有知識庫，GitIngest 這類把儲存庫轉成純文字的工具正好派得上用場；想再挖更多真開源資源，Awesome Open Source AI 清單 用腳註標出每個專案的開源成色，省下自己逐一驗證的時間。
不適合的情境也明確：需要離線教材的環境，repo 已經不自足；需要官方中文版的人，目前沒有，而且 ND 條款讓中文化出版有授權障礙；想把圖解放進營利內容的團隊，授權這關先過不去。
中文版、商用與更新：最多人問的三件事
有官方中文版嗎？沒有，官網與 repo 都只有英文。想做一份完整中譯再散布，會踩到 ND 條款的禁止改作；自己閱讀用途的翻譯不涉散布，風險低，但拿去出版或營利就超出授權範圍了。
圖可以放進簡報或課程嗎？非營利使用加上標示出處，通常可行；商業課程與營利內容不行。拿不準的場合，寫信到官網的支援信箱問一聲，比事後下架省事。
repo 還會更新嗎？main 分支自 2025 年 4 月後沒有再動，README 目錄由腳本自動生成，要同步本來就有現成機制，但目前看不出時間表。把它當靜態目錄用，期待值最準。
課程值得買嗎？這裡不下判斷；能確定的是退款政策寫得明白：課程不退款，先讀免費 guides 再決定，是官網自己也建議的路線。
非後端工程師值得看嗎？值得，但挑著看。前端可以讀 API、快取與 CDN 相關主題，行動端工程師對推送通知、離線同步的設計篇也有對應內容；支付與 Kubernetes 兩個分類比較深，留給有需要的讀者。技術主管拿它當面試出題靈感庫也合適，一張圖就是一個追問的起點。
一句話收尾：System Design 101 的價值還在，免費的誠意也還在，只是它已經不住在 GitHub 了。把它當成官網教材的目錄頁來用，順手訂份電子報追新內容，體驗會比守著一份不再更新的 repo 好得多。
