Create a deck (with mdx-deck) and a blog post from the same MDX
You write the MDX for your mdx-decks, and this Gatsby theme creates the deck and the blog post for you.
To use this theme in your Gatsby sites, follow these instructions:
Init your Gatsby site
mkdir my-gastby-site
cd my-gastby-site
npm install --save react react-dom gatsby gatsby-theme-deck-n-blog
npm init -y
Create gatsby-config.js
:
module.exports = {
plugins: ["gatsby-theme-deck-n-blog"]
};
Create a deck in decks/my-deck.mdx
---
title: The Title
date: 1986-02-20
---
import { Intro, Content } from "gatsby-theme-deck-n-blog"
<Intro>
This will only appear in the blog post as an intro an as the excerpt.
</Intro>
# Slide 1
<Content>
This will appear in the blog post together with the slide 1
</Content>
---
# Slide 2
<Content>
This will appear in the blog post together with the slide 2
</Content>
Create another deck (yes, you need to create at least two decks!) in decks/another-deck.mdx
Start your site
npx gatsby develop