返回首页

不会写代码,我是怎么把这个博客搭起来的

先做内容站还是工具站?用平台还是用代码?这个网站从无到有,我做了哪些决定,AI 又帮我做了什么。

这个网站是我的第一个练手作品。我不会写代码,所以分工很简单:AI 写代码,我做决定。这篇记录搭建时做的几个决定,以及搭好以后,我对“网站到底是什么”的新理解。

决定一:先做内容站,不先做工具站

我一开始想学的是工具站。但工具站要做“功能”,每个工具都要开发,对新手门槛不低。

内容站(博客)就不一样了:网站搭好以后,主要的工作就是写文章。而建站、上线、让 Google 收录这一整套流程,两种网站是一样的。

所以我决定先做内容站,把流程练熟,以后做工具站时,只需要专心学功能开发。

决定二:网站用中文

用英文写,市场更大,但我写起来吃力,也判断不了写得好不好。这个站的首要目标是练手和积累,用最舒服的语言,才能坚持写下去。

决定三:用代码做“静态博客”,不用建站平台

建站有三种方式:用 Wix 这类建站平台、用 WordPress、或者自己写代码。我选了写代码,原因有三个:

  • 托管有免费方案,前期不用花钱。
  • 用的流程和以后做工具站一样:代码存在 GitHub,再部署上线。等于提前练习。
  • 代码交给 AI 写,我不需要会编程。

静态网站的意思是,网页都是提前做好的,访客打开时直接看。速度快、便宜、安全,很适合博客。

具体用的工具叫 Astro,是一个专门适合做内容网站的框架。我暂时只需要知道它的名字和用途。

搭好以后:原来网站就是一个文件夹

以前我觉得网站很神秘。看到 AI 搭好的项目,我才发现,一个网站其实就是一个文件夹:

位置 是什么
src/content/posts/ 所有文章,一篇文章一个文件
src/config.ts 网站名称、简介、学习路线
src/styles/ 颜色、字体、排版
public/ 图片和网站小图标

以后写文章,就是往 posts 文件夹里加一个文件。

还有一个词叫生成(build):Astro 会把文章和页面设计拼在一起,变成最终的网页。我的网站第一次生成时,一共 4 个页面,用了不到两秒。

文章是用 Markdown 写的

Markdown 是一种很简单的写作格式,几个符号就够用:

  • ## 小标题 显示成小标题
  • **加粗** 显示成加粗
  • - 开头是列表
  • 在我的网站里,> 开头的段落会显示成黄色的“避坑”框

中文里用 Markdown 加粗有个小坑:如果 ** 后面紧跟中文括号或标点,再接文字,加粗可能不生效。比如 **DNS(域名解析)**负责 就会原样显示星号,改成 **DNS**(域名解析)负责 就正常了。我的第一版网站就踩了这个坑。

上线之前,先预览

网站做好以后,并没有马上上线,而是先生成了一个只有自己能看的预览。看预览时发现了三个问题:两处加粗失效(就是上面那个坑)、首页标题换行的位置很别扭、手机上路线图有一行文字错位。

都改好以后才上线。

预览和上线是两回事。先在预览里把电脑和手机的显示都检查一遍,比上线以后再改要安心得多。

这一站学到的

  • 网站就是一个文件夹,写文章就是加文件。
  • 不会写代码也能搭网站,但每个决定都要自己做,所以要先弄懂每个选项意味着什么。
  • 先预览、再上线。