System Design 101 系统设计图解

System Design 101：安装说明

这个工具包里只有安装说明，由 Mindket 编写。指南、它们的图和网站都归 ByteByteGo：https://github.com/ByteByteGoHq/system-design-101

这些说明不是 ByteByteGo 写的，也没有得到他们的认可。这个仓库在 GitHub 上的描述是“Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.”，意思是：用图和简单的话讲清楚复杂的系统，帮你准备系统设计面试。README 里写着“Whether you're preparing for a System Design Interview or you simply want to understand how systems work beneath the surface, we hope this repository will help you achieve that.”，意思是：不管你是在准备系统设计面试，还是只想弄懂系统底层怎么运转，我们都希望这个仓库能帮到你。这些说明依据的是 README、仓库里的文件和指南页面，都是在 2026 年 11 月 3 日读到的。来源见 https://github.com/ByteByteGoHq/system-design-101/blob/main/README.md

许可证：CC BY-NC-ND 4.0。README 的 License 一节写着“This work is licensed under CC BY-NC-ND 4.0”，并链接到 http://creativecommons.org/licenses/by-nc-nd/4.0/。LICENSE.md 文件（https://github.com/ByteByteGoHq/system-design-101/blob/main/LICENSE.md）里是同一段声明，没有别的内容。Creative Commons 这几个字母分别是署名、非商业性使用和禁止演绎（Mindket 的说明）。GitHub 对这个仓库的信息把许可证列为“Other”，没有标准编号。package.json 文件把它写成 cc-by-nc-sd-4.0，和 README 对不上：以 README 和 LICENSE.md 为准。这些说明没有抄指南的正文或图。它们只写出指南的标题、其中一篇指南的七个步骤标题，以及指南文件里的几个字段名。分享、打印、拿去教学或修改任何一篇指南之前，先读上面链接里的许可证。

它是什么

一套讲软件系统怎么运转的简短可视化指南，放在一个 GitHub 仓库里，并在一个网站上展示。README 是一份目录，里面有：

• 一张横幅，最上方的两个链接（ByteByteGo 的 YouTube 频道和它的通讯邮件），以及一个 Trendshift 徽章
• 标题“System Design 101”和两句话的介绍
• 它的各个分类，每个分类链接到 https://bytebytego.com/guides 上它自己的页面，分类下面列出这个分类的每篇指南，每篇指南链接到同一个网站上它自己的页面
• 一个 License 一节

README 里分类的名字：API and Web Development、Real World Case Studies、AI and Machine Learning、Database and Storage、Technical Interviews、Caching & Performance、Payment and Fintech、Software Architecture、DevTools & Productivity、Software Development、Cloud & Distributed Systems、How it Works?、DevOps and CI/CD、Security、Computer Fundamentals。

README 里没有指南的正文。每个指南链接都通向 https://bytebytego.com。指南本身是仓库 data/guides 文件夹里的 Markdown 文件。来源见 README.md 和 https://github.com/ByteByteGoHq/system-design-101/tree/main/data

会安装什么

读指南什么都不用装。README 没有给出安装命令。仓库里还有一个维护者的脚本，用来重新生成 README 的目录，它需要 Node.js 和 package.json 里的包，Mindket 的说明用 pnpm 运行它：见 setup/contribute.md。

先准备好这些

• 阅读：一个浏览器。
• 保存本地副本：Git。README 没有给出克隆命令。GitHub 对这个仓库的信息给出这个克隆地址：https://github.com/ByteByteGoHq/system-design-101.git。对它运行 git clone 是普通的 Git 用法（Mindket 的说明，不是维护者的）。
• 把副本交给编程智能体：见 setup/ai-agents.md。

各平台的说明

• setup/read-online.md：GitHub 上的 README、指南网站、分类页和指南页
• setup/local-copy.md：克隆、仓库里的文件夹、一个指南文件里有什么，以及怎么搜索
• setup/ai-agents.md：把指南交给 Claude Code、Codex、Cursor 和别的智能体（Mindket 的说明，因为维护者没有写任何智能体的用法）
• setup/interview-prep.md：一条准备系统设计面试的阅读路线，由 README 的分类搭成（Mindket 的建议）
• setup/contribute.md：维护者对 pull request 的规则、图里有错时的议题路线，以及 README 脚本

更新或移除

本地副本是一个 Git 文件夹。要更新，就在里面运行 git pull（Mindket 的说明，普通 Git 用法）。要移除，就删掉文件夹。README 没有给出卸载步骤，除非你带着它的包运行过维护者的脚本，否则没有装别的东西。

对外连接

• 在 GitHub 或 https://bytebytego.com 上阅读，会加载这些网站。在 Mindket 读过的五个指南文件里，图是 https://assets.bytebytego.com 上的一个地址。
• 网站的页面（2026 年 11 月 3 日读到的）加载了一个 Google Tag Manager 脚本、https://cdn-cookieyes.com 上的 CookieYes 同意脚本，在指南页上还加载了 https://blog.bytebytego.com/embed 的通讯邮件框。
• 本地副本里有指南的文字。在 Mindket 读过的五个指南文件里，图是 https://assets.bytebytego.com 上的一个地址，不是仓库里的文件：能加载图片的查看器会向那个主机发出请求。

来源

• README：https://github.com/ByteByteGoHq/system-design-101/blob/main/README.md
• LICENSE.md：https://github.com/ByteByteGoHq/system-design-101/blob/main/LICENSE.md
• CONTRIBUTING.md：https://github.com/ByteByteGoHq/system-design-101/blob/main/CONTRIBUTING.md
• package.json：https://github.com/ByteByteGoHq/system-design-101/blob/main/package.json
• README 脚本：https://github.com/ByteByteGoHq/system-design-101/blob/main/scripts/readme.ts
• 仓库的文件树：https://github.com/ByteByteGoHq/system-design-101
• GitHub 对仓库的信息：https://api.github.com/repos/ByteByteGoHq/system-design-101
• 指南网站：https://bytebytego.com/guides