This article does not have a corresponding language version

在这个信息碎片化的时代，拥有一片完全属于自己的“赛博自留地”是一件非常酷的事情。

很多人以为建站需要租昂贵的服务器、学复杂的数据库、甚至还要操心各种黑客攻击。但今天，我要分享一套对学生党极其友好、安全性拉满、且几乎零成本的现代化建站方案。

这套方案的核心公式是：Hugo（静态生成器） + Netlify（云端托管） + 腾讯云（便宜域名） + AI Gemini（超级辅助）。

部分内容参考Letere-莱特雷

部分图片和内容可能有所不符，以内容为准，图片只是参考

💰 成本核算：真的只要1块钱吗？

是的，除了第一年的域名费用，其余一切服务均为永久免费：(tips:梯子不算)

  • 服务器托管 (Netlify)： 免费。不仅提供极速的全球 CDN 加速，还自带企业级的 DDoS 防护和免费的 HTTPS 小绿锁。
  • 建站框架 (Hugo)： 开源免费。它是目前世界上构建速度最快的静态网站生成器，没有数据库，极其安全。
  • 技术顾问 (AI Gemini)： 免费。作为我的“结对编程”伙伴，解决各种配置报错。并且大幅加快工作速度。
  • 唯一开销 (腾讯云域名)： 国内云厂商针对新用户或特定后缀（如 .space、.top 等）首年通常只需 1~10 元人民币。本网站域名花费1R

🚀 实战步骤复盘（请确保你的电脑有go语言环境和git，如果没有去官网下载最新版，全部默认下一步即可）

git安装包通常是 .exe 结尾 64-bit 版本 git

go语言一定要下 .msi 格式 go

Step 0：请个赛博外挂 (AI Gemini)

虽然hugo官方有中文文档，但是对于新手来说，太生硬晦涩，不如借助ai在操作中学习用法，而且在编程网站时会收获满满的成就感。如果有报错，发给ai能够解决90%的错误。并且大大提高工作流速度。

Step 1：搭建本地“样板房” (Hugo)

  1. 在电脑上安装 Hugo并且初始化。点我前往官网

1.1点击github 步骤1

1.2点击tags 步骤2

1.3任意选择版本 步骤3

建议不要选择过新版本，主题可能不支持，笔者在此选择0.131.0作为示范

1.4选择extended版本 步骤4

1.5解压缩并且进入该目录，最好创建一个文件夹，笔者此处存放在 D:\hugo_test 步骤5

1.6当前目录打开cmd 步骤6

1.7输入如图指令创建dev文件夹 步骤7

dev为任意可取目录名称，建议取dev

1.8将hugo.exe复制到dev中 步骤8

1.9cmd中在dev目录输入指令 启动服务器查看本地网站 

hugo server -D

1.10㊗️恭喜你！！！网站初始化完成。 图片9





Step 2：为网站设置主题theme

2.1回到官网选择theme 图片10

2.2选择stack，你也可以选择喜欢的，后续配置可能不同 图片11

2.3 按步骤download-tags-版本选择 我最终使用版本为3.34.1，后续操作也是针对此版本，请注意！ 图片12

下载到/dev/themes中，命名如图 图片13

2.4 进入如图目录中双击demo(官方的例子文件) 图片14

2.5 将两个文件复制到/dev 下 图片15

2.6 完成后如图所示，并且把原来的hugo.toml文件改成箭头所示 图片16

2.7 进入路径\dev\themes\hugo-theme-stack\layouts\partials\head 图片17

将25行全部删除 不兼容代码

2.8打开dev下的hugo.yaml 将102行的true改为false 图片18

2.9回到控制台，在dev目录内输入hugo server -D 图片19

复制cmd中的本地网址并访问大功告成㊗️！！！

Step 3：云端部署与“挂门牌” (Netlify + DNSPod)

这是最激动人心的一步。

  1. 在本地终端输入 hugo 命令，系统会在一秒钟内将所有 Markdown 文件打包成可以直接上线的网页文件（存放在 public 文件夹中）。 图片20
  2. 登录 Netlify，将 public 文件夹直接拖拽进部署框，完成一键云端上线。 图片21 部署完成后箭头所指就是我们的网站，实际上到此处别人已经可以访问 图片 点击蓝链直接可以访问，并且这个待会要连接到自己购买的域名

喝杯咖啡的功夫，全网生效，你的个人极客名片就正式向世界开放了！

Step 3：买下一块“赛博地皮” (腾讯云)

在腾讯云注册并购买一个能代表自己个人品牌的域名（务必完成实名认证）。有了它，你才算真正在互联网上拥有了独立的门牌号。

3.1在腾讯云网站打开我的域名-点击解析 图片

3.2 添加如图所示两条记录 箭头所指改为你的netlify网址 图片

图片

你已完成所有步骤！快去浏览器上输入你的域名试试吧！

💡 踩坑与心得

  • 路径陷阱： 存放图片的 static 文件夹，在 Markdown 里引用时千万不要带上 /static/，直接从根目录 / 开始写即可。
  • 归档页面空白： 独立页面（如关于我）叫 index.md，而用来汇总文章的目录页（如归档）必须叫 _index.md，少一个下划线就会导致 404。
  • 版本不匹配： hugo版本和theme版本差异经常导致各种错误，这次教程花费时间最久的也是处理不兼容的bug

搭建博客只是第一步，持续地用技术输出填满它，才是这片自留地最大的价值。欢迎各位极客同行在下方（或通过邮件）与我交流！