推荐使用：Dante - Astro & Tailwind CSS 主题

推荐使用：Dante - Astro & Tailwind CSS 主题

Dante 是由 justgoodui.com 提供的一款专为 Astro.js 设计的单作者博客和作品集主题。它拥有简约、精致、响应式且内容中心的设计理念，是提升个人品牌在线形象的理想选择。要了解更多 Astro.js 主题，请访问 justgoodui.com。

只需点击上方的 Netlify 部署按钮，就能快速创建一个与本项目完全相同的仓库，并立即在 Netlify 上进行部署。

项目特性：

• 暗光模式切换：提供舒适的阅读体验。
• 英雄部分与个人简介：展示自我风采。
• 作品集功能：方便展示你的项目或作品。
• 分页支持：轻松浏览大量内容。
• 标签系统：组织和分类你的文章。
• 订阅表单：保持与读者的联系。
• 视图过渡效果：增强用户体验。
• Tailwind CSS：强大的样式库，实现灵活的界面定制。
• 移动优先的响应式布局：适配各类设备屏幕。
• SEO 优化：包括规范的 URL 和 OpenGraph 数据。
• Sitemap 支持：帮助搜索引擎找到你的所有页面。
• RSS 订阅支持：让关注者及时获取更新。

技术集成：

Dante 主题充分利用了 Astro.js 的以下集成：

• @astrojs/tailwind：便捷地应用 Tailwind CSS 样式。
• @astrojs/sitemap：自动化生成站点地图。
• @astrojs/mdx：支持 Markdown 及 MDX 内容格式。
• @astrojs/rss：构建 RSS 订阅源。

项目结构：

项目分为多个清晰的目录和文件，便于管理和开发：

├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── data/
│   ├── icons/
│   ├── layouts/
│   ├── pages/
│   ├── styles/
│   └── utils/
├── astro.config.mjs
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

src/pages/ 目录中的 .astro 或 .md 文件对应网站的路由，src/components/ 存放自定义组件，src/content/ 包含相关文档集合。

开发命令：

通过运行根目录下的脚本即可完成各种操作：

| 命令 | 功能描述 | | :------------------------- | :----------------------------------------- | | npm install | 安装依赖项 | | npm run dev | 启动本地开发服务器（默认 localhost:4321） | | npm run build | 构建生产环境到 ./dist/ | | npm run preview | 在本地预览构建结果 | | npm run astro ... | 运行 Astro CLI 命令 | | npm run astro -- --help | 查看 Astro CLI 帮助信息 |

更深入了解 Astro.js：

• 访问 官方文档 获取详细信息
• 加入 Astro 社区 Discord 服务器 进行交流

其他推荐项目：

如果你需要另一个单作者博客主题，不妨尝试 Ovidius。

许可证：

本项目遵循 GPL-3.0 许可。

总之，Dante 是一款结合了 Astro.js 强大功能和 Tailwind CSS 灵活性的主题，无论你是技术博主还是希望展示作品的创作者，都能从中受益。现在就开启你的现代网络旅程，用 Dante 装饰你的数字世界吧！