スライドをreveal.jsからslidevに移行した

2023-08-13 / @syui

スライドをreveal.jsからslidevに移行した

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

---
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

$ npm run dev
$ npm run build