Pixi’VNMarkdown
概述在 Pixi’VN 中使用 Markdown 及其集成，包含 React、Vue、Svelte 和 Angular 的示例。
Pixi’VN 不绑定任何标记语言，赋予开发者选择自己偏好的标记语言的能力。 不过，推荐使用 Markdown。
模板
在所有模板中，Markdown 组件已经预先定义。
ink
你可以在 ink 语法中使用此方法。 详情请参阅此处。
以下是一些在 JavaScript 生态系统中实现 Markdown 的示例：
// I use the react-markdown library to convert the Markdown to HTML
// read more about it here: https://www.npmjs.com/package/react-markdown
import Markdown from "react-markdown";
import rehypeRaw from "rehype-raw";
import remarkGfm from "remark-gfm";
export default function MarkdownComponent({ text }: { text: string }) {
return (
<Markdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}>
{text}
</Markdown>
);
}React Markdown Typewriter
React Markdown Typewriter 是一个将 Markdown 与打字机效果相结合的库。 该库由我创建，旨在满足我在 React 模板的 Markdown 组件中添加打字机效果的需求。
如果您正在使用 React，推荐您使用它：
import { MarkdownTypewriter } from "react-markdown-typewriter";
import rehypeRaw from "rehype-raw";
import remarkGfm from "remark-gfm";
export default function MarkdownComponent({ text }: { text: string }) {
return (
<MarkdownTypewriter
remarkPlugins={[remarkGfm]}
rehypePlugins={[rehypeRaw]}
>
{text}
</MarkdownTypewriter>
);
}