hugo new posts/my-first-blog.md
```
这个命令会在 `content/posts` 目录下生成一个 `my-first-blog.md` 文件。用编辑器打开它,你会看到类似这样的内容:
```markdown
title: " First Blog"e: 2026-05-31T20:49:58+08:00
draft: true # 表示是草稿
```
把 `draft: true` 改成 `draft: false`,然后在下面用Markdown语法写下你的内容,比如:
```markdown
title: "我的免费独立站诞生记!"date: 2026-05-31T20:49:58+08:00
draft: false
今天,我终于拥有了自己的独立站!完全免费!
感谢Hugo和GitHub Pages...
```
Markdown语法很简单,`#` 是标题,`粗体`,`[链接文字](网址)`,试试就知道。
在Git Bash里,确保你在 `mysite` 目录下,然后运行:
```bash
hugo server -D
```
打开浏览器,访问 `http://localhost:1313`,你就能看到网站的样子了!边改边看,实时刷新,非常方便。
满意后,按 `Ctrl+C` 停止预览,运行:
```bash
hugo
```
这个命令会在项目根目录生成一个 `public` 文件夹,里面就是最终的所有网站文件。
这是最后一步,把 `public` 文件夹里的东西,上传到我们第一步创建的GitHub仓库里。
1. 把 `public` 目录里的所有文件(注意,是文件,不是文件夹本身)复制出来。
2. 打开你电脑上另一个地方,通过Git把GitHub上的空仓库克隆下来。
```bash
git clone https://github.com/你的用户名/你的用户名.github.io.git
```
3. 进入克隆下来的文件夹,删除里面所有东西,然后把刚才复制的 `public` 文件夹里的所有文件粘贴进来。
4. 执行以下Git命令:
```bash
git add .
git commit -m "第一次部署我的网站" git push origin main
```
等待1-2分钟,打开浏览器,访问 `https://你的用户名.github.io`。恭喜你,你的免费独立站正式上线了!
网站上线只是开始,我们还能让它更好。
*绑定自定义域名(看起来更专业):虽然.com域名要钱,但你可以去 freenom.com 等网站找找免费的 `.tk`、`.ml` 等后缀域名(注意可用性)。然后在GitHub仓库的Settings -> Pages页面,填入你的自定义域名,并去域名服务商那里设置CNAME记录指向 `你的用户名.github.io`。这步稍微复杂点,需要点耐心查教程,但一旦成功,成就感爆棚。
*优化网站速度:静态站本身快如闪电,我们只需选个轻量主题。
*添加评论系统:静态站本身不能动态评论,但可以接入Giscus或Utterances,它们利用GitHub的Issues功能来实现评论,完全免费。
*添加数据分析:使用Google Analytics或Umami的免费版本来了解访客情况。
走完这一趟,你会发现,做一个免费独立站的核心,已经从“技术实现”变成了“内容创作”和“持续运营”。工具为我们扫清了门槛和成本障碍。
所以,别再让“没钱”成为你无法开始的借口。现在,立刻,马上,按照上面的步骤动起来。哪怕第一个版本再简陋,它也是属于你在互联网上的独一无二的土地。从写下一行字、上传一张图开始,这片土地会随着你的耕耘,变得越来越丰饶。
未来的某一天,当你的免费站承载了足够多的价值和流量,你自然会心甘情愿地为它投资,购买更专业的域名和托管服务。而这一切的起点,就是今天这个零成本的开始。快去行动吧,我在你的独立站里等着看你的第一篇更新!
版权说明: