Slidev - Turn Markdown to Slide

Author: Aldira
Date: 07.11.2024

sli.dev Simple tool to turn Markdown into Slide

Description

Markdown file (.md) is a well know format to be used especially around software engineering. From writing documentation, to a presentation like this

Yes you read it right. Even for this very markdown, can be rendered as a slide

Slidev could turn a markdown into a slides, in a form of single page app, it even can do many thing, especially around making presentation for software stuff. For example, referring code

Modifying package.json

In this project, I added the following config

<<< @/package.json json {14,17,18}{lines:true,maxHeight:‘250px’}

Features

Complete feature list can be checked here

All Markdown style supported

• Style like bold italic strikethrough all supported out of the box
• Header Styling, Images, all there

Code Blocks

triple backticks shows the code, complete with code highlighting

const message: string = "Alteos is awesome";
console.log(message);

Runnable code

Add couple of additional config, the code now even runnable

console.log(Date())

Sync Presentation

sli.dev also had a feature to add more interactivity when presenting

Live Drawing

Presenter also can put some live drawing remotely

Resources

• Slidev main site