建站资源清单：Astro 生态常用工具

一个专业站点是上百个小决定的总和：用哪套图标、哪组字体、主视觉图从哪来、对比度怎么查、社交分享卡片好不好看。下面这些工具在 AstroWind 项目里最常用，基本都免费。

框架与文档

• Astro 官方文档：内容集合、资源管线、视图过渡、Fonts API 都讲得很清楚。
• Tailwind CSS 文档：v4 改为 CSS-first 配置，@theme、@utility、@variant 的用法必读。
• AstroWind 仓库：源码、Issue、Discussion 与发布记录。
• AGENTS.md：让人和 AI 都能快速理解项目约定。

图标、字体与图片

• Iconify / Tabler Icons：模板通过 astro-icon 使用 tabler:* 与 flat-color-icons:*，在 astro.config.ts 的 include 里增减图标集。
• Fontsource：Astro Fonts API 的 fontProviders.fontsource() 就从这里自托管字体。
• Unsplash：演示文章的配图来源；远程图由 unpic 直接走 CDN。
• Squoosh / Sharp：需要自己准备本地素材时用来压缩。

设计辅助

• Tailwind CSS 颜色 与 UI Colors：生成一套协调的品牌色阶。
• shadcn/ui：模板的 shadcn.css 提供兼容变量，方便直接粘组件。
• WebAIM Contrast Checker：检查明暗两套配色的可读性。

SEO 与性能

• PageSpeed Insights 与 Lighthouse：模板 README 里展示的四项 100 分就来自这里。
• Schema.org：首页的 WebSite / Organization、文章的 BlogPosting、FAQ 的 FAQPage 都遵循这套词汇。
• Open Graph 调试：检查分享卡片，记得先确认 config.yaml 里的 site.site 是真实域名。
• Google Search Console：配合 googleSiteVerificationId 与自动生成的 sitemap 使用。

部署

dist/ 是纯静态产物，以下平台都能直接托管，仓库里已备好对应配置：

需要子路径部署（例如 GitHub Pages）时，把 SITE.base 设成仓库路径，并参考 .agents/skills/deploy-with-base-path.md。