欢迎来到 BlogAI

欢迎来到我的个人博客！这是使用 Astro 框架搭建的现代化博客系统。

技术栈

这个博客使用了以下技术：

• Astro - 现代化的静态站点生成器
• Tailwind CSS - 实用优先的 CSS 框架
• TypeScript - 类型安全的 JavaScript
• giscus - 基于 GitHub Discussions 的评论系统

主要特性

1. 快速加载

Astro 采用部分水合（Partial Hydration）技术，只在需要时加载 JavaScript，确保页面快速加载。

2. Markdown 支持

所有文章都使用 Markdown 编写，支持：

• 代码高亮
• 图片嵌入
• 表格
• 引用块

3. 评论系统

集成了 giscus 评论系统，基于 GitHub Discussions，无需额外的数据库。

4. 响应式设计

使用 Tailwind CSS 构建，完美适配各种设备尺寸。

5. 暗色模式

支持明暗主题切换，自动跟随系统偏好。

代码示例

这里是一个简单的 TypeScript 代码示例：

interface Post {
  title: string;
  description: string;
  pubDate: Date;
  tags: string[];
}

function formatDate(date: Date): string {
  return date.toLocaleDateString('zh-CN', {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
  });
}

const post: Post = {
  title: '欢迎来到 BlogAI',
  description: '我的第一篇博客',
  pubDate: new Date(),
  tags: ['Astro', 'Blog'],
};

console.log(formatDate(post.pubDate));

未来计划

• 添加搜索功能
• 支持 RSS 订阅
• 添加文章分类
• 优化 SEO
• 添加阅读时间估算

结语

感谢你访问我的博客！如果你有任何问题或建议，欢迎在下方评论区留言。

---

本文发布于 2025年12月18日