Markdown功能演示

本文旨在全面展示本博客支持的 Markdown 语法及高级渲染功能，可作为写作参考手册。

1. 基础排版

文本样式

加粗文本 | 斜体文本 | 粗斜体 | 删除线 行内代码 | 这是一个链接 | ==高亮文本== (如果支持)

引用

知识就是力量。 — Francis Bacon

这是嵌套引用，用于深层级的对话或备注。

分割线

2. 列表展示

无序与有序列表

• 核心要素 A
• 核心要素 B
  1. 细分点 1
  2. 细分点 2
• 核心要素 C

任务列表 (Task Lists)

• 已完成的设计稿
• 待修复的 Bug
• 正在撰写的文档

3. 媒体组件

图片

Bilibili 视频嵌入

使用 :::BV... 语法直接嵌入 B 站视频：

使用 ::: 语法创建语义化提示块，支持 note, tip, warning, danger 等类型。

5. 代码与高亮

支持语法高亮、行号及文件名标题。

// 带标题的代码块示例
function sayHello(name: string): void {
    console.log(`Hello, ${name}!`);
}

6. 数学公式 (KaTeX)

基于 remark-math 和 rehype-katex 的专业数学公式渲染。

行内公式：质能方程 $E=mc^2$ 是物理学最著名的公式之一。

块级公式：

复杂矩阵：

7. 图表 (Mermaid)

集成 Mermaid.js，支持在 Markdown 中直接绘制流程图、时序图、甘特图等。

流程图

graph LR
    A[开始] --> B(处理中)
    B --> C{是否成功?}
    C -- Yes --> D[结束]
    C -- No --> B

饼图

pie title 技能分布
    "Coding" : 45
    "Design" : 25
    "Writing" : 20
    "Other" : 10

8. 表格 (GFM)

支持 GitHub Flavor Markdown 表格语法，包括对齐控制。

9. 脚注 (Footnotes)

正文中可以添加脚注引用¹，解释说明会自动生成在文末。

10. 折叠内容 (Details)

使用 <details> 和 <summary> 标签可以创建折叠内容，保持页面整洁。

console.log("代码块也可以隐藏");

11. 隐藏文本 (Heimed Content)

使用 :blur 或 :spoiler 语法可以隐藏关键信息（剧透保护），鼠标悬停时显示。

这是一个普通的段落，包含一段 被隐藏的关键信息，鼠标移上去看看？

你也可以用来隐藏 电影的结局 或者 密码 等敏感信息。