博客
EN
技术教程

MDX 组件功能展示

展示博客中所有可用的 MDX 组件和功能模块

1 分钟
#demo #components #showcase

本文展示了博客中所有可用的 MDX 组件，方便参考和使用。

提示框 (Callout)

学术环境组件

定义 (Definition)

定义

设函数 f(x)f(x) 在点 x0x_0 的某个去心邻域内有定义，如果存在常数 LL，对于任意给定的正数 ϵ\epsilon（不论它多么小），总存在正数 δ\delta，使得当 0<∣x−x0∣<δ0 < |x - x_0| < \delta 时，对应的函数值 f(x)f(x) 都满足不等式 ∣f(x)−L∣<ϵ|f(x) - L| < \epsilon，那么常数 LL 就叫做函数 f(x)f(x) 当 x→x0x \to x_0 时的极限。

定理 (Theorem)

定理 (费马大定理)

当整数 n>2n > 2 时，关于 xx, yy, zz 的方程 xn+yn=znx^n + y^n = z^n 没有正整数解。

证明 (Proof)

证明

证明过于复杂，此处略去。该定理由安德鲁·怀尔斯于 1995 年证明。

∎

数学公式

行内公式

爱因斯坦的质能方程 E=mc2E = mc^2 揭示了质量和能量的等价关系。

块级公式

麦克斯韦方程组（微分形式）：

∇⋅E=ρϵ0∇⋅B=0∇×E=−∂B∂t∇×B=μ0J+μ0ϵ0∂E∂t\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\epsilon_0} \\ \nabla \cdot \mathbf{B} &= 0 \\ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\ \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \epsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned}

代码高亮

基础代码块

def fibonacci(n: int) -> int:
    """计算斐波那契数列的第 n 项"""
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

# 测试
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")

带行号和高亮的代码块

interface User {
  id: number;
  name: string;
  email: string;
  createdAt: Date;
}

function createUser(name: string, email: string): User {
  return {
    id: Math.random(),
    name,
    email,
    createdAt: new Date()
  };
}

代码差异对比 (CodeDiff)

伪代码 (Pseudocode)

快速排序算法

选项卡 (Tabs)

// JavaScript 示例
const sum = (a, b) => a + b;
console.log(sum(1, 2)); // 3
# Python 示例
def sum(a, b):
    return a + b
print(sum(1, 2))  # 3
// Go 示例
func sum(a, b int) int {
    return a + b
}
fmt.Println(sum(1, 2)) // 3

可折叠内容 (Details)

点击展开查看更多内容

这里是隐藏的详细内容。可以包含任何 Markdown 内容，包括代码块、列表等。

  • 列表项 1
  • 列表项 2
  • 列表项 3
console.log('隐藏的代码');
这是一个默认展开的折叠块

这个折叠块默认是展开的。

图表组件

Chart.js 图表

ECharts 图表

Vega-Lite 图表

Plotly 图表

图表组件

Mermaid 图

时序图

Typograms (ASCII 图表)

地图 (GeoMap)

媒体组件

图片

山脉风景
壮丽的山脉风景

照片网格

视频

Big Buck Bunny 示例视频

音频

示例音频

表格

基础表格

语言类型系统主要用途
TypeScript静态Web 前端/后端
Python动态数据科学/脚本
Rust静态系统编程
Go静态后端服务

引用

简单是终极的复杂。

— 达芬奇

脚注

这是一个带脚注的句子1。

任务列表

  • 创建组件
  • 编写文档
  • 添加测试
  • 部署上线

总结

以上展示了博客中所有可用的 MDX 组件。你可以根据需要在自己的文章中使用这些组件来丰富内容展示。

Footnotes

  1. 这是脚注的内容。 ↩