概述

主题提供了 Kotlin 代码演示，支持 在线运行 Kotlin 代码。

重要

该功能通过将 代码提交到 服务器 进行 编译并执行，且一次只能提交单个代码文件。

因此，请不要使用此功能 执行 过于复杂的代码，也不要过于频繁的进行执行请求。

配置

该功能默认不启用，你可以通过配置来启用它。

.vuepress/config.ts

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      repl: {
        kotlin: true,
      },
    },
  })
})

使用

使用 ::: kotlin-repl 容器语法 将 kotlin 代码块包裹起来。主题会检查代码块并添加执行按钮。

只读代码演示

kotlin 代码演示默认是只读的，不可编辑。

::: kotlin-repl 自定义标题
```kotlin
// your kotlin code
```
:::

可编辑代码演示

如果需要在线编辑并执行，需要将代码块包裹在 ::: kotlin-repl#editable 容器语法中

::: kotlin-repl#editable 自定义标题
```kotlin
// your kotlin code
```
:::

示例

打印内容

输入：

::: kotlin-repl
```kotlin
class Contact(val id: Int, var email: String)

fun main(args: Array<String>) {
    val contact = Contact(1, "mary@gmail.com")
    println(contact.id)
}
```
:::

输出：

kotlin playground

class Contact(val id: Int, var email: String)

fun main(args: Array<String>) {
    val contact = Contact(1, "mary@gmail.com")
    println(contact.id)
}

运算

kotlin playground

fun mul(a: Int, b: Int): Int {
    return a * b
}

fun main(args: Array<String>) {
    print(mul(-2, 4))
}

可编辑代码演示

输入：

::: kotlin-repl#editable
```kotlin
class Contact(val id: Int, var email: String)

fun main(args: Array<String>) {
    val contact = Contact(1, "mary@gmail.com")
    println(contact.id)
}
```
:::

输出：

kotlin playground

class Contact(val id: Int, var email: String)

fun main(args: Array<String>) {
    val contact = Contact(1, "mary@gmail.com")
    println(contact.id)
}

贡献者

pengzhanbo

更新日志

2025/3/15 18:29

查看所有更新日志

• 0fd6c-refactor(theme): improve types and flat config (#524)于 2025/3/15
• 5addb-feat(plugin-md-power): 支持可编辑的代码演示于 2024/5/4
• 428b8-docs: update code online repl doc于 2024/4/24