Skip to content

example.md

Latest commit

 

History

History
82 lines (60 loc) · 1.97 KB

example.md

File metadata and controls

82 lines (60 loc) · 1.97 KB
Raw
theme ./
themeConfigs
hueColor
#ff00aa

Slidev Theme Starter

Presentation slides for developers

Press Space for next page

What is Slidev?

Slidev is a slide maker and presentation tool designed for developers. It includes the following features:

  • 📝 Text-based - focus on your content with Markdown, then style it later
  • 🎨 Themable - themes can be shared and reused as npm packages
  • 🧑‍💻 Developer Friendly - code highlighting, live coding with autocompletion
  • 🤹 Interactive - embed Vue components to enhance your expressions
  • 🎥 Recording - built-in recording and camera view
  • 📤 Portable - export to PDF, PPTX, PNGs, or even a hostable SPA
  • 🛠 Hackable - virtually anything that's possible on a webpage is possible in Slidev


Read more about Why Slidev?

Navigation

Hover on the bottom-left corner to see the navigation's controls panel

Keyboard Shortcuts
space / tab / right next animation or slide
left / shiftspace previous animation or slide
up previous slide
down next slide

layout: image-right image: https://cover.sli.dev

Code

Use code snippets and get the highlighting directly!

interface User {
  id: number
  firstName: string
  lastName: string
  role: string
}

function updateUser(id: number, update: Partial<User>) {
  const user = getUser(id)
  const newUser = { ...user, ...update }
  saveUser(id, newUser)
}

layout: center class: "text-center"

Learn More

Documentation / GitHub Repo