39 lines
1.1 KiB
Markdown
39 lines
1.1 KiB
Markdown
|
# Welcome to [Slidev](https://github.com/slidevjs/slidev)!
|
||
|
|
|
||
|
|
To start the slide show:
|
||
|
|
|
||
|
|
- `pnpm install`
|
||
|
|
- `pnpm dev`
|
||
|
|
- visit <http://localhost:3030/?time=10>
|
||
|
|
|
||
|
|
Edit the [slides.md](./slides.md) to see the changes.
|
||
|
|
|
||
|
|
Learn more about Slidev at the [documentation](https://sli.dev/).
|
||
|
|
|
||
|
|
## Structure
|
||
|
|
|
||
|
|
```bash
|
||
|
|
your-slidev/
|
||
|
|
├── components/ # custom components
|
||
|
|
├── layouts/ # custom layouts
|
||
|
|
├── public/ # static assets
|
||
|
|
├── setup/ # custom setup / hooks
|
||
|
|
├── snippets/ # code snippets
|
||
|
|
├── styles/ # custom style
|
||
|
|
├── index.html # injections to index.html
|
||
|
|
├── slides.md # the main slides entry
|
||
|
|
└── vite.config.ts # extending vite config
|
||
|
|
```
|
||
|
|
|
||
|
|
### Global layers
|
||
|
|
|
||
|
|
Global layers allow you to have custom components that persist across slides. This could be useful for having footers, cross-slide animations, global effects, etc.
|
||
|
|
|
||
|
|
[Pattern:](https://sli.dev/features/global-layers)
|
||
|
|
|
||
|
|
- global-top.vue
|
||
|
|
- global-bottom.vue
|
||
|
|
- custom-nav-controls.vue
|
||
|
|
- slide-top.vue
|
||
|
|
- slide-bottom.vue
|