#

开始使用 Astro 博客

开始使用 Astro 博客

帖子开始 了解如何使用这个简洁的 Astro 博客系统
Avatar
Aestat1s 楼主 02/20/2025, 08:00 AM

开始使用#

这是一个基于 Astro 构建的简洁博客系统。它具有以下特点:

主要特性#

  • 快速 - 使用 Astro 的静态站点生成,加载速度极快
  • 简洁 - 代码结构清晰,易于理解和修改
  • 响应式 - 完美支持各种设备
  • 暗色模式 - 支持深色主题(自动跟随系统)

如何添加文章#

src/content/posts/ 目录下创建新的 Markdown 文件:

---
title: "文章标题"
published: 2025-02-22
description: "文章描述"
tags: ["标签1", "标签2"]
category: "分类"
draft: false
---
# 文章内容
这里是文章的正文内容...

支持的功能#

代码高亮#

function hello() {
console.log("Hello, World!");
}

引用#

这是一段引用文字

列表#

  • 项目 1
  • 项目 2
  • 项目 3

表格#

列1列2列3
ABC
DEF

自定义配置#

编辑 src/config.ts 文件来自定义你的博客:

export const siteConfig = {
title: "你的博客名称",
subtitle: "你的博客副标题",
lang: "zh",
siteURL: "https://yourdomain.com",
description: "博客描述",
};

部署#

这个博客可以部署到任何支持静态站点的平台:

  • Vercel
  • Netlify
  • Cloudflare Pages
  • GitHub Pages

运行 pnpm run build 构建生产版本。

祝你使用愉快!

教程 #Astro #教程 #博客