欢迎
欢迎来到 GeekZhouge!这是一个全新的技术博客,使用现代化的静态站点生成器 Astro 构建。
为什么选择 Astro?
Astro 是一个现代化的静态站点生成器,它有以下优点:
🚀 性能优异
- 零 JavaScript 默认输出:Astro 默认不输出任何 JavaScript,只输出纯 HTML 和 CSS
- 按需水合:只有在需要交互的组件才会加载 JavaScript
- 快速构建:基于 Vite 的构建系统,开发体验极佳
📝 内容为王
- Markdown/MDX 支持:原生支持 Markdown 和 MDX,方便编写技术文章
- Content Collections:类型安全的内容管理,自动验证 frontmatter
- 代码高亮:内置 Shiki 代码高亮,支持多种主题
🎨 灵活的架构
- 框架无关:可以混合使用 React、Vue、Svelte 等框架
- 组件化:使用
.astro文件作为组件,简洁高效 - 静态优先:默认生成静态站点,性能最佳
网站特点
本站采用「编辑工匠精神」设计风格:
- 杂志风格布局:参考 Newspaperup 主题,保留新闻/杂志风格
- 暗黑模式支持:自动检测系统偏好,也支持手动切换
- 响应式设计:完美适配手机、平板和桌面设备
- SEO 优化:完善的元数据和结构化数据
技术栈
| 类别 | 技术 |
|---|---|
| 框架 | Astro 5.x |
| 包管理器 | pnpm 9.x |
| 样式 | 原生 CSS + CSS 变量 |
| 部署 | Cloudflare Pages |
| 分析 | Google Analytics 4 |
即将推出
接下来我计划发布以下系列文章:
- Astro 入门教程:从零开始构建静态站点
- 前端性能优化:Core Web Vitals 实战
- TypeScript 进阶:类型体操与最佳实践
- 工具评测:开发者效率工具推荐
关于我
我是一名全栈开发者,热爱开源,专注于现代 Web 技术。欢迎关注我的 GitHub 和 Twitter。
感谢您的访问,希望这个博客能给您带来有价值的内容!