从零到一：使用 Vite + React 搭建个人主页
记录如何使用现代前端工具链快速构建响应式个人网站，并部署到云服务器。
01
常用技术栈
从界面到服务端，用合适的工具解决真实问题。
Vue 3ReactNext.jsTypeScript
Node.jsJava / Spring BootDocker阿里云 / 腾讯云
02
最近的学习记录
问题、实践与复盘，构成一份持续更新的个人知识库。
Nginx 反向代理与常见配置踩坑指南
整理项目中配置 HTTPS、静态资源缓存以及前端单页应用路由重写的经验。
轻量应用服务器与 Docker 快速部署实践
用 Docker Compose 管理个人项目，让部署过程更清晰、更稳定、更容易复现。
TypeScript 类型体操之外，真正实用的五个技巧
从业务代码出发，聊聊类型收窄、泛型约束和工具类型如何提升开发体验。
我的技术学习闭环：输入、实践、复盘与分享
告别收藏即学会，用一个可执行的四步流程把零散信息转化为长期能力。
一次真实的 Web 性能优化：从 62 分到 96 分
借助性能指标定位瓶颈，通过图片、字体与加载策略优化首屏体验。
从 Flex 到 Grid：常见页面布局实战整理
用几个真实界面拆解布局选择，掌握响应式卡片、侧栏和内容网格的实现思路。
Git 分支与提交规范：让协作记录更清晰
从分支命名、原子提交到代码评审，整理一套适合小团队的轻量协作习惯。
设计一份更好用的 REST API：命名、分页与错误码
把接口约定写清楚，前后端联调就少一点猜测，多一点稳定和可预期。
容易忽略的无障碍细节：键盘操作与语义化
从焦点顺序、按钮语义到对比度，让页面对更多用户都清晰、友好、可操作。
如何写一篇以后还能看懂的技术笔记
用背景、问题、尝试、结论和验证结果，把零散的调试记录整理成可复用经验。
用 GitHub Actions 自动检查并发布静态网站
把构建、基础检查和部署串成自动化流程，让每次更新都更可靠、更省心。
03
动手做过的小项目
把学习落到可运行、可体验、可复盘的作品上。
FRONTEND · 2026
↗个人技术博客
响应式内容主页，整理学习记录、技术标签和近期计划。
FULL STACK · 2026
↗轻量任务看板
练习表单状态、接口设计与数据持久化的全栈小应用。
TOOLING · 2025
↗前端组件练习册
收集常见交互组件，记录设计取舍、边界场景和实现细节。
04
正在学习
保持节奏，关注长期积累，而不是短期完成。
Next.js 全栈实践
Server Components、数据缓存与部署策略
72%
Web 性能体系
Core Web Vitals、监控与持续优化
58%
云原生基础
从 Docker 进阶到 Kubernetes 核心概念
34%
05
我的学习分享流程
不追求一次学完，先形成一个能持续运行的小循环。
带着问题阅读
看文档、读源码或查资料，先记录自己要解决的具体问题。
做一个最小验证
写小 demo、跑一段代码，用真实结果检验理解，而不是只收藏链接。
留下关键结论
记下遇到的坑、有效的排查顺序，以及下次可以直接复用的方案。
用自己的话讲清楚
把过程整理成短文或清单，让知识从“我看过”变成“我能说明白”。
“
持续输出不是为了显得懂得很多，而是为了确认自己真的理解了多少。
— 学习手记
07 / 关于我
在代码与生活之间，
在代码与生活之间，
做一个长期主义者。
你好，我是简程，一名喜欢折腾产品体验的开发者。这个小站用来记录技术成长，也分享那些真正帮我解决过问题的方法。
我相信最好的学习，是把复杂的知识讲清楚。每篇笔记都从一个真实问题开始，以一次可以复用的实践结束。
hello@example.com ↗