请gpt协助搭建一个blog


第一次博客实战:请 GPT 协助搭建一个 blog

作为一个零基础的小白,我本以为让 ai 帮忙搭建一个博客会是一件“点点按钮就能完成”的小事,但真正上手后才发现,坑比想象中要多得多。好在 GPT 还算靠谱,它像一个随叫随到的老师,拥有绝对的耐心,帮我一步一步完成。


起点:从想法到第一步

一开始,我的想法很简单:
我想拥有一个能记录文字和图片的空间,让它在互联网上被人看到。

我选择了 Astro + Vercel 的方案,并购买了一个域名,由于没有任何编程和代码知识,起初对怎么安装和配置都非常头疼,使用 ai 的效率也是很低,因为无法发现问题,也很难问到点上,相当煎熬,没办法只能先去看一些基础的教程,包括工具使用,html 语言等。


路上的问题

在一天的折腾里,我碰到的问题包括:

  • 打包错误:Rollup 提示我代码有问题,其实是文件头部写错。
  • 图片不显示:本地能预览,但部署后域名访问不到。
  • 路径混乱:一会儿用 astro:assets,一会儿又改成 public/images
  • 域名解析:配置了半天 DNS,才终于能通过自定义域名访问。

不过好在每卡在一个地方,拍图就问 GPT,基本都能很快解决,只是最后遇到无法在 vercel 部署的问题,来来回回沟通了几个小时也没有搞定,原因是图片路径问题。

转机:从混乱到串联

真正的突破点在图片路径上:

  1. 图片放 public:只要把图片丢进 public/images/,就能在文章里用 /images/xxx.jpg 引用,部署后也不会失效。
  2. 文章用 Markdown:只要写好 frontmatter(title/date/description),Astro 就能自动收录,生成博客列表。

有了这两点,后续的问题就逐渐清晰起来。我终于把之前散乱的代码和文章,整理成了一条清晰的脉络。


最后的成品

最终,能打开这篇你现在正在读的文章。

这个经历还是很有感想的:即使是零基础,只要有 AI 的帮助,也能在短时间内实现原本遥不可及的目标。 AI 极大的提高了学习效率!


小结与感悟

这一天的三点启示:

  1. 不要怕出错 —— 错误是学习最快的入口。
  2. 多提问,多求证 —— 有 GPT 这样的工具,不要羞于频繁发问。
  3. 保持耐心 —— 最终看到页面跑起来的一刻,所有的等待和调试都值得。

今天的博客,是我与 GPT 深度合作的一次。