在 Markdown 中使用 Svelte 组件

得益于 mdsvex，这个博客不仅支持标准的 Markdown 语法，还允许你引入 Svelte 组件。

如何使用？

你只需要在 Markdown 文件的顶部导入组件，就像在 .svelte 文件中一样：

<script>
	import Callout from '$lib/components/Callout.svelte';
</script>

<Callout> 这是一个嵌入在 Markdown 中的自定义提示组件！ </Callout>
💡 **提示**：你可以通过这种方式创建交互式图表、复杂的代码演示或者任何你能想象到的 Svelte 功能。

优势

  • 交互性：不再局限于静态文字和图片。
  • 可复用性：在不同文章中复用相同的 UI 模式。
  • 强大：完全访问 Svelte 的所有功能。

快去尝试创建你自己的交互式文章吧！