随笔

欢迎来到 GeekZhouge

这是一个使用 Astro 构建的现代化技术博客,专注于分享编程经验、工具评测和设计思考。

GeekZhouge 5 分钟阅读
欢迎来到 GeekZhouge

欢迎

欢迎来到 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

即将推出

接下来我计划发布以下系列文章:

  1. Astro 入门教程:从零开始构建静态站点
  2. 前端性能优化:Core Web Vitals 实战
  3. TypeScript 进阶:类型体操与最佳实践
  4. 工具评测:开发者效率工具推荐

关于我

我是一名全栈开发者,热爱开源,专注于现代 Web 技术。欢迎关注我的 GitHubTwitter


感谢您的访问,希望这个博客能给您带来有价值的内容!