-
Notifications
You must be signed in to change notification settings - Fork 1
/
next.config.mjs
73 lines (71 loc) · 2.39 KB
/
next.config.mjs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
// next.config.mjs
import withMDX from "@next/mdx";
import remarkGfm from "remark-gfm";
import remarkMath from "remark-math";
import rehypeRaw from "rehype-raw";
import rehypeKatex from "rehype-katex";
import rehypeMermaid from "rehype-mermaid";
import rehypePrism from "rehype-prism-plus";
import rehypeToc from "rehype-toc";
import rehypeSlug from "rehype-slug";
import rehypeAutolinkHeadings from "rehype-autolink-headings";
import { visit } from "unist-util-visit";
/** @type {import('next').NextConfig} */
const nextConfig = {
// Configure pageExtensions to include md and mdx
pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
// Optionally, add any other Next.js config below
reactStrictMode: true,
output: "export",
// Prevent automatic `/me` -> `/me/`, instead preserve `href`
skipTrailingSlashRedirect: true,
// Change the output directory `out` -> `dist`
distDir: "dist",
};
// Merge MDX config with Next.js config
export default withMDX({
extension: /\.mdx?$/,
options: {
// If you use remark-gfm, you'll need to use next.config.mjs
// as the package is ESM only
// https://github.com/remarkjs/remark-gfm#install
remarkPlugins: [remarkGfm, remarkMath],
rehypePlugins: [
/* 介入dom生成,将代码块原始内容绑定至对应节点 */
() => (tree) => {
visit(tree, (node) => {
if (node?.type === "element" && node?.tagName === "pre") {
if (node.children?.[0].tagName === "code")
node.properties.raw = node.children?.[0].children?.[0].value;
}
});
return null;
},
rehypeRaw,
rehypeKatex,
[
rehypeMermaid,
{
launchOptions: {
executablePath:
process.platform === "darwin"
? "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" // for my macOS device
: "/opt/google/chrome/google-chrome", // for GitHub Actions Ubuntu
},
},
],
[rehypePrism, { ignoreMissing: true, showLineNumbers: true }],
rehypeSlug,
[rehypeToc, { headings: ["h2", "h3", "h4", "h5", "h6"] }],
[
rehypeAutolinkHeadings,
{
behavior: "wrap",
test: ["h2", "h3", "h4", "h5", "h6"],
},
],
],
// If you use `MDXProvider`, uncomment the following line.
providerImportSource: "@mdx-js/react",
},
})(nextConfig);