+++
date = "2023-08-13"
tags = ["slidev"]
title = "スライドをreveal.jsからslidevに移行した"
slug = "slidev"
+++

今までスライドの生成は`reveal.js`でやっていたのですが、久しぶりに触ってみたら、markdownの処理が機能しなかったので、[slidev](https://sli.dev/)に移行しました。


```md:slides.md
---
theme: eloc
class: text-center
highlighter: shiki
lineNumbers: false
info: |
  ## Slidev Starter Template
  Presentation slides for developers.

  Learn more at [Sli.dev](https://sli.dev)
drawings:
  persist: false
transition: slide-left
title: ai bot
---

## ai `bot`

---

## [yui.syui.ai](https://yui.syui.ai)

---

[yui.syui.ai](https://yui.syui.ai) access

<kbd>ctrl</kbd> + <kbd>enter</kbd>

<style>
  .slidev-layout {
      @apply overflow-visible;
    filter: invert();
    pre {
        font-size:70px;
        @apply opacity-95;
    }
    &::before {
      @apply absolute white -z-1 w-screen h-screen min-w-full min-h-full;
      content: '';
      filter: invert();
      background: center/cover url();
    }
  }
</style>
---

@syui.ai
```

```sh
$ npm run dev
$ npm run build
```