65 lines
1.1 KiB
Markdown
65 lines
1.1 KiB
Markdown
|
+++
|
||
|
|
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
|
||
|
|
```
|