欢迎使用您的 Astro 博客

这是您使用 Astro 构建的新博客的第一篇文章。

欢迎来到您的新 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 格式...

前置元数据说明

字段类型说明
titlestring文章标题(必填)
descriptionstring文章描述(必填)
pubDatedate发布日期(必填)
updatedDatedate更新日期(可选)
categoriesarray分类数组
tagsarray标签数组
featuredboolean是否为精选文章
draftboolean是否为草稿
heroImagestring封面图片路径

部署到 Cloudflare Pages

本博客已配置为自动部署到 Cloudflare Pages:

  1. 将代码推送到 GitHub 仓库
  2. 在 Cloudflare Dashboard 中连接您的仓库
  3. 设置构建设置:
    • 构建命令:npm run build
    • 构建输出目录:dist
  4. 点击部署,您的博客就会上线!

下一步

  • 修改 src/consts.ts 中的站点配置
  • 添加您的第一篇文章
  • 自定义主题颜色
  • 配置评论系统(Giscus)

祝您写作愉快!

评论