Astro + Tailwind + TS 博客/作品集启动模板
Astro 做静态站点,Tailwind 写样式,TS/ESLint/Prettier 保工程质量
方案简介
Astro Boilerplate 是一个面向个人博客与作品集场景的静态站点启动模板,基于 Astro 3 与 Tailwind CSS 3 构建,并以 TypeScript、ESLint、Prettier 提供工程质量保障。它把语法高亮、SEO(sitemap.xml / robots.txt)、RSS feed、分页、暗色主题、Markdown 文章、图片懒加载与响应式布局等博客常用能力预置进来,开发者克隆后即可立刻用作自己的 Astro 博客底座。适合想用现代静态站点框架快速搭博客/作品集、又希望样式工程与代码规范一开始就到位的个人开发者与小型团队。
使用与配置要点
模板提供了完整的 npm scripts 供日常使用:
| 命令 | 作用 |
| :-- | :-- |
| npm install | 安装依赖 |
| npm run dev | 启动本地开发服务器,监听 localhost:4321 |
| npm run build | 构建生产站点到 ./dist/ |
| npm run preview | 在部署前本地预览构建产物 |
| npm run clean | 删除 ./dist 目录 |
| npm run lint | 运行 ESLint 并报告风格错误 |
默认端口为 http://localhost:4321,构建产物统一在 ./dist/ 目录下,可上传至任意静态托管;如需自动化部署,将仓库接入 Netlify 即可。
优缺点
- ✓ SEO 友好,含 sitemap/RSS
- ✓ 一键部署到 Netlify
- ✕ 未指明 Node 18 兼容性,仅测到
出处
本方案挖掘自开源项目 ixartz/Astro-boilerplate,方案内容与实施命令均来自其 README 原文。
本方案由真实开源项目挖掘整理,实施命令均来自其 README 原文,安装使用请遵循项目开源协议。