Skip to content
Create a deck (with mdx-deck) and a blog post from the same MDX
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
theme
.gitignore
netlify.toml
package.json
readme.md
yarn.lock

readme.md

Deck 'n' Blog

You write the MDX for your mdx-decks, and this Gatsby theme creates the deck and the blog post for you.

Installation

To use this theme in your Gatsby sites, follow these instructions:

  1. 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
  2. Create gatsby-config.js:

    module.exports = {
      plugins: ["gatsby-theme-deck-n-blog"]
    };
  3. 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>
  4. Create another deck (yes, you need to create at least two decks!) in decks/another-deck.mdx

  5. Start your site

    npx gatsby develop
You can’t perform that action at this time.