---
title: Replit
icon: simple-icons:replit
createTime: 2024/04/04 10:42:05
permalink: /guide/code/replit/
---

<Badge type="danger" text="弃用" />

~~主题支持在 Markdown 文件中嵌入 [Replit](https://replit.com/)。~~

## 配置

此功能默认不启用，你可以在配置文件中启用它。

```ts title=".vuepress/config.ts"
export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      replit: true, // [!code ++]
    },
  })
})
```

## 语法

简单的语法

```md
@[replit](user/repl-name)
```

更多选项

```md
@[replit title="" width="100%" height="450px" theme="dark"](user/repl-name#filepath)
```

- `title`: 标题
- `width`: 容器宽度
- `height`: 容器高度
- `theme`: 主题， 可选值 `dark` 和 `light`
- `user`: Replit 用户名
- `repl-name`: Replit repl 名称
- `filepath`: Replit 默认打开的文件路径

## 示例

输入：

```md
@[replit](@TechPandaPro/Cursor-Hangout#package.json)
````

输出：

@[replit](@TechPandaPro/Cursor-Hangout#package.json)