使用 Astro、TailwindCSS 和 React/HeadlessUI 构建
预览: Astrov
包含文档。
主要功能
🚀 采用最新技术构建
由 Astro v5+ 和 TailwindCSS v4+ 驱动,确保一流的性能和现代开发标准。
✨ 极简、独特、闪电般快速
时尚、简洁的设计,搭配流畅的过渡效果,得益于 Astro 的客户端路由器。
📱 完全响应式且易于定制
通过仅有的两种均衡配色方案——一个中性基础色和一个可定制的品牌色,无缝适应所有屏幕尺寸。
🌑 简洁、一致的深色主题
精心设计的深色模式,组件结构简单清晰,带来轻松的用户体验。
🧭 高效导航
采用 HeadlessUI 构建的流线型桌面菜单和移动友好型菜单,带来直观的浏览体验。
🔍 强大的搜索组件
享受模糊搜索体验,包括
✔️ 突出显示的搜索结果
✔️ 智能回退选项
✔️ 流畅的方向键导航
✔️ 使用 Enter 键快速选择
✔️ 使用 Escape 键即时重置
📝 全面博客系统
由 Astro 内容集合驱动,包含
✔️ 分页
✔️ 搜索
✔️ 上一篇/下一篇文章导航
✔️ 标签页
✔️ 社交分享
✔️ 支持草稿(适用于正在进行中的文章)
📩 功能齐全的联系表单
易于配置,提供充足的每月 250 次免费提交额度。轻松无忧,开箱即用。
🔎 SEO 优化,实现最大可见度
包含必要的 SEO 标签、RSS 源和站点地图生成,以提高搜索引擎排名。
🎨 图标与字体灵活性
使用 Fontsource 用于本地托管字体,并使用 Lucide icons 以获得简洁清晰的外观。
📂 您需要的所有基本页面
包含作品集、博客、关于我们、联系方式和 404 页面,让您从第一天起就准备就绪。
📖 清晰、开发者友好的文档
结构良好的文档,包含有用的代码注释,使初学者和高级用户都能轻松进行定制。