https://github.com/pomber/gatsby-theme-deck-n-blog

Create a deck (with mdx-deck) and a blog post from the same MDX
https://github.com/pomber/gatsby-theme-deck-n-blog

blog deck gatsby gatsby-plugin gatsby-theme gatsbyjs mdx presentation

Last synced: 3 months ago
JSON representation

Create a deck (with mdx-deck) and a blog post from the same MDX

• Host: GitHub
• URL: https://github.com/pomber/gatsby-theme-deck-n-blog
• Owner: pomber
• Created: 2019-07-30T10:37:26.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-20T02:05:44.000Z (over 4 years ago)
• Last Synced: 2024-10-03T09:14:35.364Z (4 months ago)
• Topics: blog, deck, gatsby, gatsby-plugin, gatsby-theme, gatsbyjs, mdx, presentation
• Language: JavaScript
• Homepage: https://deck-n-blog.pomb.us/
• Size: 2.2 MB
• Stars: 18
• Watchers: 3
• Forks: 3
• Open Issues: 7
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Deck 'n' Blog

You write the MDX for your [mdx-deck](https://github.com/jxnblk/mdx-deck)s, 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

   ```sh

   mkdir my-gastby-site

   cd my-gastby-site

   npm install --save react react-dom gatsby gatsby-theme-deck-n-blog

   npm init -y

   ```

1. Create `gatsby-config.js`:

   ```js

   module.exports = {

     plugins: ["gatsby-theme-deck-n-blog"]

   };

   ```

1. Create a deck in `decks/my-deck.mdx`

   ```md

   ---

   title: The Title

   date: 1986-02-20

   ---

   import { Intro, Content } from "gatsby-theme-deck-n-blog"

   

   This will only appear in the blog post as an intro an as the excerpt.

   

   # Slide 1

   

   This will appear in the blog post together with the slide 1

   

   ---

   # Slide 2

   

   This will appear in the blog post together with the slide 2

   

   ```

1. **Create another deck** (yes, you need to create at least two decks!) in `decks/another-deck.mdx`

1. Start your site

   ```sh

   npx gatsby develop

   ```