欢迎来到您的新 Astro 博客!这篇文章将帮助您了解如何使用这个博客系统。
什么是 Astro?
Astro 是一个现代静态站点生成器,专为内容驱动的网站设计。它具有以下特点:
- 零 JavaScript 默认输出:Astro 只在需要时发送 JavaScript,使网站加载速度极快
- 岛屿架构:可以有选择地对页面部分进行交互式 hydrated
- 支持多种框架:可以在同一个项目中使用 React、Vue、Svelte 等框架
- 内置 Markdown 支持:非常适合博客和内容网站
开始写作
要创建新文章,只需在 content/blog/ 目录下创建一个新的 .md 或 .mdx 文件:
---
title: '文章标题'
description: '文章描述'
pubDate: 2024-01-15
categories: ['分类1', '分类2']
tags: ['标签1', '标签2']
featured: false
---
文章内容使用 Markdown 格式...
前置元数据说明
| 字段 | 类型 | 说明 |
|---|---|---|
title | string | 文章标题(必填) |
description | string | 文章描述(必填) |
pubDate | date | 发布日期(必填) |
updatedDate | date | 更新日期(可选) |
categories | array | 分类数组 |
tags | array | 标签数组 |
featured | boolean | 是否为精选文章 |
draft | boolean | 是否为草稿 |
heroImage | string | 封面图片路径 |
部署到 Cloudflare Pages
本博客已配置为自动部署到 Cloudflare Pages:
- 将代码推送到 GitHub 仓库
- 在 Cloudflare Dashboard 中连接您的仓库
- 设置构建设置:
- 构建命令:
npm run build - 构建输出目录:
dist
- 构建命令:
- 点击部署,您的博客就会上线!
下一步
- 修改
src/consts.ts中的站点配置 - 添加您的第一篇文章
- 自定义主题颜色
- 配置评论系统(Giscus)
祝您写作愉快!
评论