Just write Markdown and create cool slides.
Please see Fusuma's website for details!
- Slide Syntax
- Markdown and MDX
- Diagrams and Flowcharts
- Experimental APIs on Browsers
- Zero Config
- Supporting SEO and OGP
- Start Mode (for development)
- Build Mode (for production)
- Speaker Note
- Recording user's actions and voice
- Using a Fluorescent Marker on the slides
- Streaming tweets and comments
- Deploying to GitHub Pages
- Exporting slides as PDF
You can also try Fusuma in Gitpod, a one-click online IDE for GitHub:
Node versions > v10
Just execute the following two lines…
Created a CLI that supports to release with 1 command without writing webpack, Babel, Postcss, etc setting file.
And make a slide with markdown only.
It can quickly create a slide and publish it to gh-pages.
You just execute the following three lines for executing, generating and deploying slides.
$ npm i fusuma -D $ npx fusuma init $ mkdir slides && touch slides/title.md && echo '# Hello😄' > slides/title.md # --- executable tasks--- $ npx fusuma start # development $ npx fusuma build # production as NODE_ENV=production $ npx fusuma deploy # deploy to github pages $ npx fusuma pdf # export as PDF from HTML # --- Tree --- $ tree -a . ├── .fusumarc.yml └── slides └── title.md 1 directory, 2 files
Default theme is bespoke-theme-nebula.
slides/ are necessary files at the time of execution.
Fusuma supports the following tasks.
init: generate the configuration file(.fusumarc.js)
start: run with webpack-dev-server
build: build with webpack4
deploy: upload the prebuilt files to gh-pages
- development, build, and deploy can be done with one command
- presenter mode
- a table of contents is created in Sidebar
- can extend css and js
- can set OGP and SNS
Expressing animation is difficult because a slide is written by Markdown.
However, you can write a slide as HTML and extend JS.
If you interested in Fusuma, please see this repository😍