示例文章

发布于 2026年7月27日

这是一篇格式展示模板，没有实质内容。

文本格式

普通正文段落。粗体文字、斜体文字、粗斜体、~~删除线~~、行内代码、外部链接。

H2O 是下标，E=mc^2^ 是上标（需在 astro.config.mjs 开启 superscript/subscript 功能）。

~~删除线文字。~~

这是一段引用。
引用内的连续行会被保留换行。
多段落引用用空行分隔。

引用内可以嵌套其他格式：

粗体

代码

链接

列表

无序列表

项目一
项目二
项目三
- 嵌套子项目 A
- 嵌套子项目 B
  - 更深一层

有序列表

第一步
第二步
第三步
1. 子步骤 3.1
2. 子步骤 3.2

任务列表（GFM）

已完成任务
未完成任务
另一个待办事项

代码块

JavaScript

function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}

// 调用函数
greet('ulBo');

TypeScript

interface BlogPost {
  title: string;
  date: Date;
  tags: string[];
  content: string;
}

async function fetchPosts(): Promise<BlogPost[]> {
  const response = await fetch('/api/posts');
  return response.json();
}

Python

def fibonacci(n: int) -> int:
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

for i in range(10):
    print(f"fib({i}) = {fibonacci(i)}")

行内代码

在段落中可以使用 console.log()、npm install、Array.prototype.map() 等行内代码。

表格

功能	语法	支持
粗体	`文字`	✅
斜体	`文字`	✅
代码	`code`	✅
链接	`[文本](url)`	✅
图片	`![alt](src)`	✅
删除线	`~~文字~~`	✅
表格	本表	✅

图片

图片放在 public/ 目录下，引用路径以 / 开头。

数学公式（KaTeX）

行内公式：

$E = mc^2$

行内公式

$a^2 + b^2 = c^2$

在文字中间。

独立公式：

$\int_{-\infty}^{\infty} e^{-x^2} , dx = \sqrt{\pi}$

多行公式：

$\begin{aligned} \nabla \times \vec{\mathbf{B}} - \frac{1}{c} \frac{\partial\vec{\mathbf{E}}}{\partial t} &= \frac{4\pi}{c} \vec{\mathbf{j}} \ \nabla \cdot \vec{\mathbf{E}} &= 4\pi \rho \end{aligned}$

矩阵：

$\begin{pmatrix} a_{11} & a_{12} & \cdots & a_{1n} \ a_{21} & a_{22} & \cdots & a_{2n} \ \vdots & \vdots & \ddots & \vdots \ a_{m1} & a_{m2} & \cdots & a_{mn} \end{pmatrix}$

Mermaid 图表

流程图

graph TD
    A[开始] --> B{判断条件}
    B -->|是| C[处理逻辑]
    B -->|否| D[其他处理]
    C --> E[结束]
    D --> E

时序图

sequenceDiagram
    participant 客户端
    participant 服务器
    participant 数据库

    客户端->>服务器: 发送请求
    服务器->>数据库: 查询数据
    数据库-->>服务器: 返回结果
    服务器-->>客户端: 响应数据

类图

classDiagram
    class Post {
        +String title
        +Date date
        +String[] tags
        +getSummary() String
        +render() Html
    }
    class Category {
        +String name
        +getPosts() Post[]
    }
    Post "many" --> "1" Category

脚注（GFM）

这里有一句需要注解的文字¹，后面还有另一处引用²。

折叠框（HTML）

点击展开详情

这里可以放任意 Markdown 内容，包括粗体、代码、列表等。

隐藏项目一
隐藏项目二
隐藏项目三

分隔线

上面的横线用三个减号 --- 表示。

Frontmatter 参考

---
title: 文章标题                    # 必填
date: 2026-07-27                  # 发布日期
updated: 2026-07-28               # 更新日期（可选）
description: 文章描述              # SEO 描述（推荐）
tags:                             # 标签（可选）
  - 标签一
  - 标签二
categories:                       # 分类（可选）
  - 分类名称
heroImage: /images/cover.jpg      # 封面图（可选）
permalink: /custom/url            # 自定义 URL（Hexo 兼容）
comments: true                    # 是否开启评论
excerpt: 自定义摘要                # 摘要（可选）
---

这是第一条脚注的内容。 ↩
这是第二条脚注的内容，可以写多行。 ↩

示例文章_