Build and Deploy a Website

跟着一个网站,从搭建环境做到部署上线

不铺开大量语言和框架,只围绕一套小而完整的网站技术栈学习。每一步都接着上一步的成果,最后得到一个真正可访问、可维护的 Web 应用。

学习方式

始终围绕同一个网站推进

一个项目

不做零散 Demo

从用户、文章或任务管理需求开始,所有练习共同组成一个网站。

一步一产出

能运行再继续

每一步都有明确成果和验收条件,没有完成时先定位问题,不急着进入下一项。

先常用后原理

快速建立闭环

先掌握完成项目必需的命令和概念,上线后再针对瓶颈深入学习。

搭建到部署

按这 5 步完成第一个网站

建议严格按顺序推进。卡片中的时间是快速掌握常用能力的参考,不要求一次学透整套技术。

第 1 步 · 环境与服务器5-7 天

Linux

先准备网站运行环境,掌握目录、权限、进程、端口、日志和软件安装等高频操作。

适合谁
本阶段产出:一台能够登录、安装软件并安全运行服务的 Linux 环境。
学习阶段
3 个阶段
查看本阶段详细思路进入第 01 步 →
第 2 步 · 数据库7-10 天

MySQL

为网站设计数据结构,掌握建库建表、增删改查、索引、用户权限和备份恢复。

适合谁
本阶段产出:可供 Go API 使用的用户与内容数据表,以及独立应用账号。
学习阶段
3 个阶段
查看本阶段详细思路进入第 02 步 →
第 3 步 · 后端 API10-14 天

Go

用 Go 连接 MySQL,实现网站需要的 REST API、参数校验、错误处理、测试和可执行服务。

适合谁
本阶段产出:可管理用户和内容、能够被 Vue 3 调用的后端 API。
学习阶段
3 个阶段
查看本阶段详细思路进入第 03 步 →
第 4 步 · 前端界面10-14 天

Vue 3

使用 Vue 3 和 Vite 实现页面、组件、表单、路由与 API 调用,并生成可部署的静态资源。

适合谁
本阶段产出:能够调用 Go API 的响应式网站界面,以及 dist 生产构建。
学习阶段
3 个阶段
查看本阶段详细思路进入第 04 步 →
第 5 步 · 部署上线5-7 天

Nginx

用 Nginx 托管 Vue 静态资源、反向代理 Go API,并完成域名、HTTPS、缓存与上线检查。

适合谁
本阶段产出:通过域名和 HTTPS 公开访问的完整网站,以及可重复的发布流程。
学习阶段
3 个阶段
查看本阶段详细思路进入第 05 步 →