不会写代码,我是怎么把这个博客搭起来的
先做内容站还是工具站?用平台还是用代码?这个网站从无到有,我做了哪些决定,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**(域名解析)负责就正常了。我的第一版网站就踩了这个坑。
上线之前,先预览
网站做好以后,并没有马上上线,而是先生成了一个只有自己能看的预览。看预览时发现了三个问题:两处加粗失效(就是上面那个坑)、首页标题换行的位置很别扭、手机上路线图有一行文字错位。
都改好以后才上线。
预览和上线是两回事。先在预览里把电脑和手机的显示都检查一遍,比上线以后再改要安心得多。
这一站学到的
- 网站就是一个文件夹,写文章就是加文件。
- 不会写代码也能搭网站,但每个决定都要自己做,所以要先弄懂每个选项意味着什么。
- 先预览、再上线。