Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/d3lio/mrend
A markdown presentation generator
https://github.com/d3lio/mrend
generator javascript markdown presentation
Last synced: about 2 months ago
JSON representation
A markdown presentation generator
- Host: GitHub
- URL: https://github.com/d3lio/mrend
- Owner: d3lio
- License: mit
- Created: 2018-06-25T20:08:32.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-09-08T08:57:33.000Z (4 months ago)
- Last Synced: 2024-09-08T10:00:01.522Z (4 months ago)
- Topics: generator, javascript, markdown, presentation
- Language: JavaScript
- Homepage:
- Size: 500 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# mrend
A markdown presentation generator tool
# Default configuration
`mrend` comes with some plugins that are preset for FMI's Rust course.
Of course you can tweak them or remove them whatsoever to make it work for your own needs.
# Getting started
### Prerequisites
You will need [Node.js](https://nodejs.org/) and [Yarn](https://yarnpkg.com/).
Npm could work as well but who would use that anyway ;)
If you intend to use the Rust plugin you will also need [rustup](https://rustup.rs/) with
stable and nightly toolchains.
### Setup
Clone this repo using `git clone https://github.com/d3lio/mrend.git`.
Navigate into the folder where you cloned the tool.
For *nix systems run `yarn global add file:$PWD`.
For Windows run `yarn global add file:%cd%`.
This will install it globally to use as `mrend`.
### Build a presentation
To build a presentation run `mrend `.
To build the example presentation run `mrend example.md`.
It will generate a folder called `output` containing `index.html`.
Open the html file into your preferred browser and enjoy.
# Usage
You should also be familiar with markdown syntax before you begin for obvious reasons.
### Metadata
Every `mrend` presentation has a metadata header that looks like this
```
---
title: My Presentation
author: John Doe
---
```
You can configure your presentation without having to pass any special arguments to `mrend`.
Each presentation has its own such properties and you won't have to remember to pass them
every time you need to rebuild the presentation.
The above example declares two properties - the `title` and the `author`. The former is your
presentation's title. The latter is the name of the author which `mrend` will put in the
introduction slide.
To see an extended set of properties go to [example.md](example.md)
### Slides
Of course this wouldn't be a presentation generator if it couldn't create slides.
To do so mrend uses `---` as a slide separator. For example
```
# Slide 1
content
---
# Slide 2
more content!
```
### Animated slides
The slides can be split into animated parts. Lets say we have a list and we want to show the bullets
one by one. This can be achieved by using `--`:
```
# Slide
* Item1
--
* Item2
--
- Subitem
```
The generated presentation will contain a slide for each split to create the fealing for an animated list.
When changing slides instead of going to the next whole slide you will render the next subslide segment.
### Split view
Sometimes you might need to compare two things or maybe create a pros and cons columns.
This can be achived using the split view syntax.
```
# Review slide
%%
# Pros
* Easy to use
* Supports markdown
%%
# Cons
* Animations don't work inside
%%
```
The pros will be displayed on the left and cons on the right.
### Rust code
With the default preset there is a plugin that verifies the rust code blocks. There is some special
syntax to remember which closely resembles Rust's doc tests.
* by default all Rust code blocks are compiled and executed and the output is shown below the block
* `# ` (# followed by 1 space) prepends code that will be used by the compiler but not shown to the user
* `# // norun` on the first line of the code block indicates that the code will be compiled but not runned
* `# // ignore` on the first line of the code block indicates that the code will not be compiled nor runned
# Plugins
Refer to the plugins [draft documentation](PLUGINS.md).
You can also check out [showdownjs extensions](https://github.com/showdownjs/showdown/wiki/extensions)
# TODO
* Code block copy button
* Code block spot light and animations
* Split view animations
* Speaker notes