"scripts": { "start": "mdx-deck deck.mdx" } Start the development server: npm start Use the left and right arrow keys to navigate through the presentation. Using MDX MDX uses Markdown syntax and can render React components inline with JSX. Imports To import components, use ES import synt...
Enter mdx-deck Recently, the (seriously) amazingBrent Jacksoncreated andannouncedsomething absolutely amazing:mdx-deck It's got the ease of slides that I love because it's just markdown. Couldn't be much easier than that! Then, to top that off, if I want something to be interactive, I ...
npm i -D mdx-deck 创建一个MDX文件并用---分隔每张幻灯片。 # Hello --- ## This is my deck --- ## The End 使用指向.mdx文件的MDX Deck CLI将运行脚本添加到package.json以启动开发服务器: "scripts": { "start": "mdx-deck deck.mdx" } 启动开发服务器: npm start 使用左右箭头键在...
{ "private": true, "scripts": { "dev": "mdx-deck deck.mdx", "build": "mdx-deck build deck.mdx", "now-build": "npm run build" }, "devDependencies": { "@vercel/mdx-deck-theme": "^0.3.0", "mdx-deck": "^2.2.1" } }...
網址Unit1.1:What the funk,都說了先不要 | Lidemy 鋰學院 先別急著寫 leetcode mdx-deck: slide decks powered by markdown and react jxnblk/mdx-deck: ♠️ React MDX-based presentation decks mdx-js/mdx: JSX in Markdown for ambitious projects 記錄原因 在
npm i gatsby-remark-mdx-deck-insert Repository github.com/alpinegizmo/gatsby-mdx-deck-insert Homepage github.com/alpinegizmo/gatsby-mdx-deck-insert#readme Weekly Downloads 0 Version 0.0.2 License MIT Unpacked Size 1.7 kB Total Files 6 Last publish 4 years ago Collaborators Try on RunKit Report...
https://github.com/jxnblk/mdx-deck https://twitter.com/jxnblk/status/1023667155324346373 Install: yarn add mdx-deck 1. deck.mdx: export {book as theme} from'mdx-deck/themes'# Hello! this is my first slide! ---# We will see how mdx-deck works ...
1. Create a Provider.js: import React from 'react'import ThemeProvider from'mdx-deck/dist/Provider'const Provider= ({ children, ...rest }) =>(<ThemeProvider {...rest}>{children} @Zhentiw </ThemeProvider>) exportdefaultProvider 2.
https://github.com/jxnblk/mdx-deck https://twitter.com/jxnblk/status/1023667155324346373 Install: yarn add mdx-deck deck.mdx: export {book as theme} from'mdx-deck/themes'# Hello! this is my first slide! ---# We will see how mdx-deck works ...
It creates a mdx-deck project with dependcies installed. Run: npm start You should be able to see a basic mdx-deck project running. Install: npm i -D mdx-deck-code-surfer raw-loader Modify: import {CodeSurfer} from "mdx-deck-code-surfer"<CodeSurfercode="console.log('Hello World')"/>...