Astro Nano 是一个静态、极简、轻量而且很快的作品集与博客主题。
它使用 Astro、Tailwind 和 TypeScript 构建，不依赖额外前端框架。
它的设计目标，是做成比 Astro Sphere 更克制、更轻的版本。
🚀 自己部署
📋 特性
- ✅ 100 / 100 Lighthouse 性能评分
- ✅ 响应式布局
- ✅ 可访问性友好
- ✅ SEO 友好
- ✅ 完整类型安全
- ✅ 极简风格
- ✅ 浅色 / 深色主题
- ✅ 轻量动画
- ✅ Tailwind 样式体系
- ✅ 自动生成站点地图
- ✅ 自动生成 RSS
- ✅ 支持 Markdown
- ✅ 支持 MDX（可在内容中嵌入组件）
💯 Lighthouse 评分
🕊️ 轻量
没有多余框架，也没有额外包袱
⚡︎ 快速
本地渲染大约 40ms
📄 配置方式
示例博客文章本身就是这个模板的使用说明和配置文档。
💻 常用命令
所有命令都在项目根目录执行：
你也可以把 npm 替换成自己习惯的包管理器，例如 pnpm、yarn 或 bun。
| 命令 | 作用 |
|---|---|
npm install | 安装依赖 |
npm run dev | 在 localhost:4321 启动本地开发环境 |
npm run dev:network | 在局域网开放本地开发环境 |
npm run sync | 生成 Astro 模块的 TypeScript 类型 |
npm run build | 构建生产版本到 ./dist/ |
npm run preview | 本地预览构建结果 |
npm run preview:network | 在局域网预览构建结果 |
npm run astro ... | 执行 astro add、astro check 等 CLI 命令 |
npm run astro -- --help | 查看 Astro CLI 帮助 |
npm run lint | 执行 ESLint |
npm run lint:fix | 自动修复 ESLint 问题 |
🏛️ 协议
MIT