Markdown 全格式排版测试文章

这是一篇用于测试博客渲染效果的文章。它包含了各种常用的 Markdown 语法，可以帮助你检查字体、代码块、列表、表格以及图片等元素的显示是否正常。

文本排版与内联样式

这是普通的段落文本。在这里，你可以看到粗体文字 (Bold)，斜体文字 (Italic)，以及 粗斜体文字 (Bold Italic)。如果你需要删除某些内容，可以使用 ~~删除线 (Strikethrough)~~。

我们还经常会在句子中插入 内联代码 (Inline Code)，比如 console.log('Hello World')，用来高亮显示特定的变量或短语。

列表测试

无序列表

• 苹果 (Apple)
• 香蕉 (Banana)
• 拔丝香蕉
• 香蕉牛奶
• 橘子 (Orange)

有序列表

1. 第一步：打开冰箱
2. 第二步：把大象放进去
3. 第三步：关上冰箱

任务列表 (Todo List)

• [x] 完成博客后端开发
• [x] 修复 Notion 数据同步 Bug
• [ ] 撰写第一篇正式博客文章
• [ ] 部署到生产环境服务器

引用 (Blockquotes)

这是一个单层引用块。

引用通常用于展示名人名言或重要的提示信息。

这是一个嵌套的引用块 (Nested Blockquote)。

可以在引用里面再加一层引用。

代码块 (Code Blocks)

下面是一个带有语法高亮的 TypeScript/JavaScript 代码块：

// 这是一个 TypeScript 示例代码
interface User {
  id: number;
  name: string;
  email: string;
}

function greet(user: User): void {
  console.log(`Hello, ${user.name}! Welcome to the blog.`);
}

const admin: User = {
  id: 1,
  name: "Zhuiyi",
  email: "admin@example.com"
};

greet(admin);

下面是一个 CSS 代码块：

.blog-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  color: #333;
}

链接与图片

链接测试：
欢迎访问我的 GitHub 个人主页 或者使用 Google 搜索内容。

图片测试：
下面插入了一张测试用的风景图片：

表格 (Tables)

这里是一个简单的 Markdown 表格，用于展示数据对比：

数学公式 (Math / LaTeX)

如果你开启了数学公式渲染，这里是行内公式 $E = mc^2$ 测试。

下面是独立的公式块测试：

$$
f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi
$$

---

测试结束：如果你能完美地看到以上所有排版（尤其是代码块高亮、表格对齐和图片展示），说明你的博客前端 Markdown 渲染器工作得非常出色！🎉