Astro.js如何让组件在MDX文件中以内联文本形式显示？

• 标题格式：使用数字符号（#）定义标题，符号数量对应标题层级，1个#为一级标题，最多支持6级
  示例：

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 列表项目：以短横线（-）开头创建无序列表项
  示例：

  - 第一项内容
  - 第二项内容
  

• 文本强调：用星号（*）包裹文本实现强调效果，单个*对应斜体，两个*对应粗体
  示例：

  *斜体强调文本*
  **粗体强调文本**
  

• 代码/命令：用反引号（`）包裹单行代码，多行代码使用三个反引号（```）包裹，还可指定代码语言
  单行示例：

  `npm install`
  

  多行示例：

  function greet() {
    console.log("Hello World");
  }
  

• 引用文本：使用大于号（>）标记引用内容，多层引用可叠加多个>
  示例：

  > 这是一段引用文本
  >> 这是嵌套的引用文本
  

• 链接格式：将显示文本放在方括号（[]）内，紧随其后的圆括号（()）中填入目标URL
  示例：

  [Markdown官方文档](https://daringfireball.net/projects/markdown/)
  

• 图片格式：将图片替代文本放在方括号（[]）内，圆括号（()）中填入图片URL，还可添加可选的标题文本
  示例：

  [示例图片](https://example.com/image.jpg "图片标题")
  

内容的提问来源于stack exchange，提问作者Jesse Good