目录

新功能测试

#测试 #LaTeX #表格 #媒体 #新功能

新功能测试#

本文档测试 2026-07-08 新增的所有功能。

1. URL掩码功能#

URL掩码系统会自动将真实路径转换为16位哈希短码。

当前页面的真实路径： 0004-mdx-components/0002-新功能测试

浏览器显示的URL： 自动转换为类似 /garden/a3f8b2c1d4e5f6a7/ 的哈希短码

💡 提示

URL掩码是自动生效的，无需手动配置。所有页面链接、侧边栏、上下篇导航、反向链接、搜索结果都会自动使用哈希URL。

2. 媒体文件功能#

2.1 图片#

基本用法（自动居中，自动适应宽度）：

测试图标

调整大小（使用Image组件）：

小图标
中等图标

左对齐：

左对齐

右对齐：

右对齐

带标题说明：

带标题
图1：测试SVG图标

2.2 视频#

示例视频

2.3 文档下载#

下载SVG图标

支持的文档类型：.md、.mdx、.pdf、.docx、.txt 等

✨ 技巧

图片使用标准Markdown语法 ![alt](path) 会自动居中显示。需要调整大小或对齐时，使用HTML img标签并设置width和style属性。

3. LaTeX公式对齐#

💡 提示

LaTeX公式默认使用居中对齐，可通过 align 属性设置为 left、center 或 right。

3.1 居中对齐（默认）#

∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
E=mc2E = mc^2

3.2 左对齐#

∑i=1ni=n(n+1)2\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
ddx[∫axf(t)dt]=f(x)\frac{d}{dx}\left[\int_{a}^{x} f(t) dt\right] = f(x)

3.3 右对齐#

a2+b2=c2a^2 + b^2 = c^2
∇×E=−∂B∂t\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t}

3.4 行内公式#

行内公式示例：a2+b2=c2a^2 + b^2 = c^2，∑i=1ni=n(n+1)2\sum_{i=1}^{n} i = \frac{n(n+1)}{2}，∫01x2dx=13\int_{0}^{1} x^2 dx = \frac{1}{3}

4. 表格样式#

💡 提示

表格默认使用居中文字对齐，可通过 align 属性设置为 left、center 或 right。

4.1 默认样式（居中对齐）#

名称类型描述
Astro框架静态站点生成器
TailwindCSS原子化CSS框架
KaTeX库LaTeX数学公式渲染

4.2 左对齐#

函数用途示例
hashSlug生成哈希hashSlug("path")
registerSlug注册并缓存registerSlug("path")
resolveHash反向解析resolveHash("abc123")

4.3 右对齐#

属性类型默认值
variantstring’default’
alignstring’center’
captionstringundefined

5. 其他MDX组件测试#

5.1 提示框#

💡 提示

这是一个信息提示框。

✨ 技巧

这是一个技巧提示框。

⚠️ 注意

这是一个警告提示框。

5.2 折叠面板#

点击展开详细内容

这是折叠面板的内容。可以用来隐藏详细的说明或代码示例。

5.3 标签页#

function hello(name) {
  return `Hello, ${name}!`;
}

5.4 进度条#

URL掩码 100%
媒体文件 100%
LaTeX对齐 100%
表格样式 100%

6. Wiki链接测试#

测试双向链接功能：

总结#

本次更新新增功能：

  1. URL掩码 - 自动生成16位哈希短码，隐藏目录结构
  2. 媒体文件 - 支持图片、视频、文档，可调整大小和对齐
  3. LaTeX对齐 - 支持左/中/右对齐，默认居中
  4. 表格样式 - 支持文字左/中/右对齐，默认居中
  5. 文档下载 - 支持.md、.mdx、.pdf等文档下载

所有功能均已测试通过！