在 Markdown 中使用自定义组件

虽然我们的博客系统使用 react-markdown 来渲染 Markdown 内容，但你仍然可以通过 HTML 标签的方式使用自定义组件。

使用 Callout 组件

Callout 组件用于创建带有表情符号和标题的提示框：

使用 Alert 组件

Alert 组件用于创建不同级别的警告信息：

使用方法总结

注意事项

1. 组件标签必须使用小写（如 <callout> 而不是 <Callout>）
2. 属性值需要用引号包裹
3. 组件内容可以是 Markdown 语法
4. 确保组件在 MDXContent.tsx 中已注册

扩展示例

下面是一个组合使用多个组件的示例：