Note · 2026-11-05
这个站是怎么搭的
Astro 静态输出、一套 CSS 弥散光，以及把 SEO 一次做对的清单。
站点用 Astro 做静态输出，除了构建工具本身没有客户端框架。页面在构建期全部生成成 HTML，Cloudflare Pages 直接托管 dist 目录。
视觉上没有用图片背景：三团 CSS radial-gradient 圆形做模糊叠加，加一层 SVG 噪点压住色带，动效只在首屏和 hover 出现，prefers-reduced-motion 下全部关闭。
SEO 这部分做得比较老实：每页独立的 title 与 description，canonical 用绝对地址，Person JSON-LD 常驻全站，sitemap 由 @astrojs/sitemap 生成，robots.txt 指向它，404 是独立页面而不是重定向。
部署目标写死在 site 配置里，换成自定义域名时只改一行，canonical、sitemap、robots 会一起跟上。