创建个人网站教学设计

一个能用的创建个人网站，从买域名到上线，个人最快 40 分钟。网站我帮朋友搭过三次，教学每次流程都差不多，设计卡人的创建地方也总是那几个。

先说域名。个人Namecheap 和 Cloudflare 都行，网站`.com` 一年大概 10 美元上下。教学别纠结名字，设计能用拼音就用拼音，创建别硬凑英文单词，个人注册完记得把自动续费打开——我见过太多人第二年域名被人抢注，网站网站直接没了。教学DNS 解析推荐放 Cloudflare，设计免费套餐够用，生效快，后台也不绕。

托管选静态还是动态

如果你只是放简历、作品集、几篇博客，静态托管是最省事的选择。GitHub Pages、Vercel、Netlify 三选一就行。Vercel 绑定自定义域名最顺，Netlify 的表单功能开箱即用，GitHub Pages 适合你本来就用 Git 管代码。

要跑 WordPress 或者自己写后端，那就得买服务器。搬瓦工、Vultr 的入门款一个月 5 到 6 美元，装个宝塔面板能省不少命令行操作。但说句实话，个人网站九成用不上动态方案，静态托管加一个评论插件（比如 Giscus）就能覆盖大部分需求。

写页面别从零开始

纯手写 HTML 和 CSS 当然可以，但效率太低。直接用现成的静态站点生成器：Hugo 编译快，Astro 对新手友好，Jekyll 资料最多。选一个主题，把配置文件里的标题、描述、头像换成自己的，内容用 Markdown 写，推送到仓库就自动部署。

我自己的站用的是 Hugo 的 PaperMod 主题，改了三处：主色调、导航栏、首页那句自我介绍。其余全默认。没必要把时间花在调像素上，内容才是别人来的理由。

上线前检查这几项

HTTPS 要开。Vercel 和 Netlify 默认就带，自己买服务器的话用 Let's Encrypt 签一张免费证书，Certbot 两条命令搞定。

手机端一定要看。很多主题桌面端好看，窄屏就乱。浏览器开发者工具切到手机视图，把每个页面过一遍，文字别溢出，按钮别太小。

最后加一个统计。Google Analytics 或者 Umami 都行，Umami 更轻，隐私友好。不用天天看数据，但至少知道哪篇文章有人读。

维护没你想的那么麻烦

静态站基本不用管。服务器方案的话，每月登录一次看看磁盘和内存，系统更新打个补丁。备份用 GitHub 仓库就够了，内容都在 Markdown 文件里，丢不了。

真正要花时间的是写东西。网站搭好只是起点，空着半年不更新，域名钱就白花了。我的建议是先把“关于我”和两三篇旧文放上去，有一个能看的框架，再慢慢填。

工具选顺手的，流程跑通一次，后面就是重复劳动。别在选型上耗太久，先上线，再迭代。