-
Setup
npx create-vite # vanilla # typescript # enter name cd name/ npm install reveal.js
-
Replace
index.html
with<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="stylesheet" href="/node_modules/reveal.js/dist/reveal.css"> <link rel="stylesheet" href="/node_modules/reveal.js/dist/theme/black.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vite + Reveal.js</title> </head> <body> <div class="reveal"> <div class="slides"> <section> <div> Slide 1 </div> <div> <img data-src="/vite.svg"> </div> </section> <section>Slide 2</section> <section>Slide 3</section> <section>Slide 4</section> </div> </div> <script type="module" src="/src/main.ts"></script> </body> </html>
-
Start dev server
npx run dev
-
Remove unused files
-
Add your slides, see examples https://revealjs.com/
-
Build static version and host
- Free via Netlify, Vercel, Cloudflare Pages, Github Pages (public repos)
Last active
February 5, 2023 23:27
-
-
Save jpillora/4b28a1042ad1f536ea597e2b8792deeb to your computer and use it in GitHub Desktop.
Vite + TypeScript + Reveal.js
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment