网站搭建记录


这是我第一次从头搭建一个网站,网站的第一篇博客就记录搭建的过程。

很早就有成熟的框架帮助搭建个人网站,比如 WordPress,如今在大模型或者 AI 的帮助下,搜索和读 手册都不再必要,用自然语言描述清楚需求,AI 会给出保姆级的教程,一步步照做就行。哪怕出错,只要 把错误丢给它,它也能「秒懂」并且很精准地定位和解决问题。

过去我们养成的好习惯是把做事情的过程记录下来,留着给将来的自己或者别人看,这是经验的沉淀。今天 AI 变得廉价甚至免费时,其实这种好习惯已经不再那么必要。就像有人说的,现在甚至有些事情都临时让 AI 写代码,用完即抛。

然而,作为一个「老人」,还是觉得记录下来更踏实一些。或者说,记录让自己多少能记住一点这个过程,不 至于完全沦为 AI 的手。虽然这点抗争有无意义也大可商榷。

啰嗦一堆,正文开始。

我给 AI 提的需求是:

我有一个自己的域名,我想搭建自己的第一个个人网站,现在能想到几个用途:1. 展示我自己开发的 app;2. 发布 blog。如果有可能,我希望将网站搭建在 google cloud(因为我的 app 使用了 google cloud,这样都在一处结算比较方便)请给我一个详细的建立网站的指引。

它给了我两个选项:Hugo 和 Astro,并且分析了二者的区别。我稍作搜索后决定采用 Astro,于是再让 它给了我一份具体的搭建指引。

  1. 使用 npm 安装;
  2. src/content/blog 下每个 markdown 文件就是一篇 blog;
  3. src/pages/ 下的 .astro.md 文件会成为网页路由,我还没明白;
  4. astro.config.mjs 是配置文件;

写完一本文后,就是往 Google Cloud 部署了,

npm install -g firebase-tools
firebase login  # 登录你的 Google 账号
firebase init hosting