Frontmatter Documentation
Option Name | Available Values |
---|
title | Any text you want to override the default title |
description | Any text you want for the seo description |
favicon | url of a favicon image |
navbar | true, false (default) |
navbarTheme | light, dark, primary |
navbarLogo | The url of a logo for your navbar |
navbarLink | The url you want your navbar logo to link to |
navbarDocumentLinks | Include document header elements as links within the navbar |
navbarHeadingsLinked | Comma separated list of headings you want automatically linked in the nav (default: h2) |
navbarAutoLinks | Automatically link to other documents in your project |
theme | Cerulean, Cosmo, Cyborg, Darkly, Flatly, Journal, Litera, Lumen, Lux, Materia, Minty, Morph, Pulse, Quartz, Sandstone, Simplex, Sketchy, Slate, Solar, Spacelab, Superhero, United, Vapor, Yeti, Zephyr, (Or you can pass a url to a stylesheet and override bootstrap) |
codeTheme | Full List of Themes - only use the name without the ".css". For example: "monokai", "atom-one-dark" (default), or "base16/atlas" |
overrideNavLinks | A yaml array where each object in the array has href and text |
mdx | true | false (default) |
autoclasses | object with keys for html element name and string value for the classes to automatically be applied to those elements |
headAppend | Put any html you want to append to the head of the site |
bodyAppend | Put any html you want to append to the body of the site |
headPrepend | Put any html you want to prepend to the head of the site |
bodyPrepend | Put any html you want to prepend to the body of the site |
reactVersion | 18.3.1 (default) the react version you want to use |
Example Document With Frontmatter
---
navbar: true
navbarTheme: dark
theme: cyborg
title: Example Title
overrideNavLinks:
- href: /#
text: Jump to Top
---
☝️Above this line is frontmatter that configures the Markdown Space Site Builder.
# Example Heading
Markdown content continues down here!
Example Document With MDX
---
navbar: true
mdx: true
---
import { Button } from 'https://esm.sh/reactstrap'
export const handlClick = () => alert('hello world')
# Demo MDX
<Button color="primary" onClick={handleClick}>Click Me</Button>