关于页面

关于页面用于展示站长的个人介绍、技能、经历等信息，是博客中最重要的个人展示页面之一。

页面结构

关于页面的内容从 src/content/spec/about.md 文件中读取，使用 Markdown 格式编写，由 src/pages/about.astro 渲染。

src/
├── content/
│   └── spec/
│       └── about.md          ← 关于页面的 Markdown 内容
└── pages/
    └── about.astro           ← 页面渲染逻辑（通常无需修改）

在 src/content/spec/about.md 中编写关于页面的内容：

# 关于我

你好！欢迎来到我的博客。

我是一名热爱技术的开发者，专注于 Web 开发和开源项目。

## 技能

- 前端开发：HTML、CSS、JavaScript、TypeScript
- 框架：React、Vue、Astro
- 后端：Node.js、Python

使用 ::github 语法可以在关于页面中嵌入 GitHub 仓库卡片：

::github{repo="用户名/仓库名"}

示例：

## 我的项目

::github{repo="withastro/astro"}
::github{repo="microsoft/vscode"}

支持类似 GitHub 风格的注意框语法：

> [!NOTE]
> 这是一个提示框，用于展示一般信息。

> [!TIP]
> 这是一个技巧框，用于展示有用的建议。

> [!WARNING]
> 这是一个警告框，用于提醒需要注意的事项。

支持 LaTeX 数学公式语法：

行内公式： $E = mc^2$

块级公式：

$$
\sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n
$$

使用标准 Markdown 图片语法：

![图片描述](/images/about/profile.webp)