Astro 博客
一个基于 Astro、Vue 3 和 Tailwind CSS 构建的现代化、功能丰富的博客系统。
为什么选择这个博客？
- 快速 - 静态站点生成，页面加载近乎即时
- 现代 - 采用最新的 Web 技术构建
- 灵活 - 支持 Markdown、MDX 和丰富的组件
- 美观 - 简洁设计，支持深色模式
快速入门
第一次使用 Astro 博客？从这里开始：
| 章节 | 描述 |
|---|---|
| 介绍 | 什么是 Astro 博客以及为什么要使用它 |
| 安装 | 设置你的开发环境 |
| 第一篇文章 | 创建并发布你的第一篇文章 |
| 项目结构 | 了解文件组织方式 |
| 部署 | 构建并部署你的博客 |
写作指南
学习如何创作精美的内容：
| 指南 | 描述 |
|---|---|
| Markdown 基础 | 基本 Markdown 语法 |
| 容器 | 提示框、警告框和标注 |
| 代码块 | 语法高亮及更多功能 |
| 图表 | 使用 Mermaid 绘制流程图和图表 |
| 数学公式 | LaTeX 数学公式渲染 |
| 视频嵌入 | 嵌入 YouTube、Bilibili 等视频 |
| 图标 | 使用多个图标库的图标 |
配置
自定义你的博客：
| 配置 | 描述 |
|---|---|
| 站点设置 | 标题、描述和元数据 |
| 侧边栏 | 导航和文档树 |
| 多语言 | 添加多语言支持 |
快速开始
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build然后访问 http://localhost:4321 查看你的博客！
准备好了吗？从 介绍 开始！