前言

发现自己整整一周没有写文档了，于是决定在这周结束前，将自己这一周主要干的事，没错，就是又尝试了一遍从零自建博客，花点时间记录下来

建博客的初衷就是希望自己能多看看书、看看影视作品，也多写一些文档，沉淀一些知识

虽然自建博客的大部分时间都花在 ui 设计，以及博客页面逻辑的设计上，但与之相反，这篇文章应该会更注重如何部署以及优选的一些配置上，正好能补充自己在这方面匮乏的知识

当然，这次搭建也有鲜明的时代性：重前端的应用目前已经可以不写代码做到很好了，偶尔几个点可能懂一点前端布局会快一点

所以这次依旧是零代码搭建，很符合大 vibe 时代的特征了

技术栈的选择

stitch 设计前端大概的 ui
astro 作为博客引擎
codex ~~作为 vibe 工具~~
~~netlify~~ vercel 做博客托管（netlify 额度也太少了一天就搞完了）
IP 优选提升了访问速度

UI 设计

stitch

我想要一个简约黑白风格可以切换暗黑和亮色风格的博客，模仿微信布局，最顶上是横着的大图片，图片下方左侧是我的头像，个性签名，github账号，About，在下方就是各种文章栏目，暂且分为 All、Articles、Books、Shows and Movies四部分，点击某个栏目右侧的文章列表就是对应分类从新到旧的文章卡片，卡片上可以放置图片，但至少有标题摘要时间字数，最下面有换页，文章列表右侧有当前大分类（四个类别）下的所有tags可以筛选，点击就筛选中间文章区的文章，点击文章卡片跳转至文章阅读界面，顶部头图不变，有一个<- back to the list 按钮，剩下就是展示的文章内容一直可以向下滑右侧有mardown的目录可以跳转到对应位置，后面引擎我应该用 astro

这是我最初的 prompt 算是有一个大概布局的模糊想法，当然美术感觉是一点没有的全靠 gemini 自己的想象

后续也是在和 ai 的交互中有了一个风格布局上较为满意的 ui

当然 stitch 似乎可以选中某个组件单独修改会精准一点，但是我没仔细研究，直接描述有时确实会改错东西

不过最终结果还算满意