在 Frosti 中使用 mdx

1
import Collapse from "../../components/mdx/Collapse.astro"
2
import Diff from "../../components/mdx/Diff.astro"
3
import Error from "../../components/mdx/Error.astro";
4
import Info from "../../components/mdx/Info.astro";
5
import Kbd from "../../components/mdx/Kbd.astro"
6
import Success from "../../components/mdx/Success.astro";
7
import Warning from "../../components/mdx/Warning.astro";
8
import TimeLine from "../../components/mdx/TimeLine.astro";
9
import LinkCard from "../../components/mdx/LinkCard.astro";

1
<Collapse title="这是一段示例文本。">这是藏起来的内容！</Collapse>

1
<Diff r="/r.png" l="/l.png"></Diff>

1
<Error>也许哪里出错了？</Error>

1
<Warning>嘿！小心有坑！</Warning>

1
<Info>这只是一条消息。</Info>

1
<Success>恭喜你部署成功啦！</Success>

1
<Kbd>Ctrl</Kbd> + <Kbd>C</Kbd> 以复制文本。

1
<TimeLine
2
  items={[
3
    { year: "1984", event: "First Macintosh computer" },
4
    { year: "1998", event: "iMac" },
5
    { year: "2001", event: "iPod" },
6
    { year: "2007", event: "iPhone" },
7
    { year: "2015", event: "Apple Watch" },
8
  ]}
9
/>

1
<LinkCard
2
  title="Frosti"
3
  desc="我的博客项目！"
4
  url="https://github.com/EveSunMaple/Frosti"
5
  img="/favicon.ico"
6
/>