博客AstroWeb

Hello World,我的第一篇博客

| 2 分钟阅读

欢迎

你好!欢迎来到我的个人博客。这是一个基于 Astro + Tailwind CSS 构建的静态站点,部署在 Cloudflare Pages 上。

为什么选择 Astro?

在搭建博客之前,我调研了多个静态站点生成器,包括 Next.js、Hugo、Hexo 等。最终选择 Astro 的原因很简单:

  • 极致的性能:默认输出零 JavaScript,首屏加载极快
  • 灵活的框架:支持 React、Vue、Svelte 等多框架混用
  • 优秀的 DX:开发体验流畅,热更新速度快
  • 内容驱动:对 Markdown 和内容集合的一流支持

技术栈一览

技术用途
Astro静态站点生成
Tailwind CSS样式方案
Giscus评论系统
Pagefind全文搜索
Cloudflare Pages部署托管

博客功能介绍

暗色模式

点击导航栏右上角的月亮/太阳图标可以切换亮色和暗色模式,系统会自动记住你的偏好。

全文搜索

首页顶部的搜索框支持按标题、描述和标签搜索文章,搜索速度快,体验流畅。

RSS 订阅

本站提供 RSS 订阅源(/rss.xml),你可以使用任何 RSS 阅读器订阅。

评论系统

每篇文章底部集成了 Giscus 评论组件,基于 GitHub Discussions,需要 GitHub 账号登录后才能评论。

计划

之后我会陆续分享更多内容,包括:

  • 前端开发技巧
  • 开源项目经验
  • 读书笔记
  • 日常思考

感谢你的到访!