StackBlitz

在 Markdown 文件中嵌入 StackBlitz 演示。

示例

一个 StackBlitz 项目

<StackBlitz id="vuepress-theme-hope" />

一个自定义设置的 StackBlitz 项目

<StackBlitz id="vuepress-theme-hope" hideExplorer hideNavigation hideDevtools />

选项

id必填string

StackBlitz id。

type"project" | "github"

默认值"project"

StackBlitz 项目类型。

widthstring | number

默认值100%

StackBlitz 组件宽度。

heightstring | number

StackBlitz 组件高度。

rationumber

默认值16 / 9

StackBlitz 组件宽高比，只有当未指定 height 时有效。

filestring[] | string

在编辑器中打开的默认文件。

initialPathstring

预览时应打开的初始 URL 路径。

embedboolean

嵌入 StackBlitz 演示。

loadboolean

是否直接加载嵌入演示。仅在嵌入视图中有效。

theme"dark" | "light"

默认值"dark"

编辑器主题。仅在嵌入视图中有效。

textstring

默认值"Open in StackBlitz"

打开 StackBlitz 按钮的文本。仅在不使用嵌入视图时有效。

view"default" | "editor" | "preview"

默认值"preview"

默认打开的视图。

hideExplorerboolean

在嵌入视图中隐藏文件资源管理器面板。

hideNavigationboolean

在嵌入视图中隐藏导航面板。

hideDevtoolsboolean

在编辑器预览中隐藏调试控制台。