这篇文章告诉大家这个博客网站是怎么搭建的。用到了哪些技术和产品。
1. 静态生成:Hugo
页面用 Hugo 生成,把 Markdown 和主题编译成纯静态 HTML。我是先定了这个方案,后面的一切都围着它展开。
写技术博客用它就够了:本地能预览、输出是纯静态文件、不依赖数据库,托管自然便宜。主题多,配合 frontmatter 就能支持标签、分类、系列。
2. 托管部署:Vercel
部署交给 Vercel,它支持直接连接 GitHub 仓库,git push 即触发构建、发布。这一步做完,网站已经有了可访问的 Vercel 域名。
重点是 Vercel 用 Google 账号注册即可,并且免费。GitHub 仓库既是版本库又是发布源头。
3. 域名注册:腾讯云
我是在腾讯云注册的 renxinblog.cn,绑到 Vercel 上。
选国内云是因为购买和续费都方便。域名不绑定托管商,这套搭完之后基本不用再管。
4. DNS 解析:Cloudflare
注册完域名,把 renxinblog.cn 的 DNS 解析切到 Cloudflare,给 zh 子域加解析记录指向 Vercel。正式访问走 zh 子域,主域 renxinblog.cn 本身没有解析记录。
选 Cloudflare 的首要原因是不用整国内那套实名备案的麻烦:域名和托管都在境外这条链路上,绕开了备案流程,DNS 顺手交给 Cloudflare。
5. 站点收录:Google
在 Google Search Console 验证站点所有权后提交 sitemap。Hugo 会顺带生成全站地址列表。
选它是为了让文章有机会被搜到:Google 账号登录即可,验证所有权之后就能提交。
6. 搭建维护:Codex
2025 年我折腾上面几步花了大半天时间,2026 年我把这种活儿交给 Codex,它做得又快又好。主题样式也是用 Codex 优化的:我描述想要的效果,它去改主题配置——配色风格加了几套,还加了背景音乐播放功能。背景音乐和文章的封面图,都是用本地小模型生成好再挂上去的。
跑快之后变化最明显的不只是省时间,而是注意力从「怎么搭」挪到了「写什么」。障碍变小,想法也更容易变成文章了。

留言
欢迎分享你的想法。评论提交后会在审核通过后显示。