mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-23 05:57:05 +02:00
23b50f17a1
* refactor(v2): blog data revamp * fix(v2): fix incorrect blog total count * misc: remove console.log * feat(v2): export frontMatter as an object within MDX file (#1451) * refactor. Don't confuse metadata & frontmatter * export frontMatter in content itself * nits * nits name * dont truncate first four lines in blog |
||
|---|---|---|
| .. | ||
| src | ||
| package.json | ||
| README.md | ||
@docusaurus/mdx-loader
Docusaurus webpack loader of MDX
The extra idea here is to simplify things by adding prismjs syntax highlighting by default through https://github.com/mapbox/rehype-prism and add the prism css theme import directly (only add the CSS import if target is 'web').
Installation
yarn add @docusaurus/mdx-loader
Usage
// ...
module: {
rules: [
// ...
{
test: /\.css$/,
// Make sure your webpack loader can import css files too
},
{
test: /\.mdx?$/,
use: [
'babel-loader',
{
loader: '@docuaurus/mdx-loader',
options: {
// .. See options
}
}
]
}
]
}
Options
prismTheme
- Default:
prism-themes/themes/prism-atom-dark.css;
This is the PrismJS theme CSS that will be imported. The supported themes are :
- prismjs/themes/XXXXXX.css (See https://github.com/PrismJS/prism/tree/master/themes)
- prism-themes/themes/XXXXXX.css (See https://github.com/PrismJS/prism-themes/tree/master/themes)