Skip to content

Commit 286be60

Browse files
committed
Tweak some wording in the math blocks guide
1 parent 915b69c commit 286be60

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/guides/math-blocks.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
You can render math blocks via [remark-math](https://github.com/remarkjs/remark-math/blob/master/packages/remark-math) and [rehype-katex](https://github.com/remarkjs/remark-math/blob/master/packages/rehype-katex). remark-math parses math blocks and rehype-katex transforms the blocks into html elements with classes for styling.Also, you need to apply css style of KaTeX by yourself to render them properly.
44

5-
Let's try it quickly.It's quite easy.
5+
First, link a stylesheet and use the `$` syntax:
66

77
```md
88
<!-- index.mdx -->
@@ -17,7 +17,7 @@ L = \frac{1}{2} \rho v^2 S C_L
1717
$$
1818
```
1919

20-
And configure webpack.
20+
Then, configure webpack by using the remark-math and rehype-katex plugins:
2121

2222
```js
2323
// webpack.config.js
@@ -47,7 +47,7 @@ module.exports = {
4747
}
4848
```
4949

50-
If you're using mdx with next.js, you could do like the below example.
50+
If you're using MDX with Next.js, you can use `@next/mdx` with the following configuration:
5151

5252
```js
5353
// next.config.js

0 commit comments

Comments
 (0)