mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
f4988e7fa3
Changes: * replaced the `markdown-in-js` with nextjs plugin for `MDX` Highly inspired by the example from [MDX repository](https://github.com/mdx-js/mdx/tree/master/examples/next)
10 lines
484 B
JavaScript
10 lines
484 B
JavaScript
import React from 'react'
|
|
import Document from '../md/markdown.mdx'
|
|
|
|
const H1 = props => <h1 style={{ color: 'tomato' }} {...props} />
|
|
const InlineCode = props => <code id='codes' style={{ color: 'purple' }} {...props} />
|
|
const Code = props => <code id='codes' style={{ fontWeight: 600 }} {...props} />
|
|
const Pre = props => <pre id='codes' style={{ color: 'red' }} {...props} />
|
|
|
|
export default () => <Document components={{ h1: H1, pre: Pre, code: Code, inlineCode: InlineCode }} />
|