aboutsummaryrefslogtreecommitdiff
path: root/blog/_2021-08-01-mdx-blog-post.mdx
diff options
context:
space:
mode:
authorshu <nvcsadjkojf@outlook.com>2026-09-05 21:00:19 +0800
committershu <nvcsadjkojf@outlook.com>2026-09-05 21:00:19 +0800
commitefb449041e030c8d9ec06a4f4cfbf5554c868a93 (patch)
treefb9bdd23a9c4a71d54daa2b5a854a6e5082063f3 /blog/_2021-08-01-mdx-blog-post.mdx
init commit
Diffstat (limited to 'blog/_2021-08-01-mdx-blog-post.mdx')
-rw-r--r--blog/_2021-08-01-mdx-blog-post.mdx25
1 files changed, 25 insertions, 0 deletions
diff --git a/blog/_2021-08-01-mdx-blog-post.mdx b/blog/_2021-08-01-mdx-blog-post.mdx
new file mode 100644
index 0000000..39e881e
--- /dev/null
+++ b/blog/_2021-08-01-mdx-blog-post.mdx
@@ -0,0 +1,25 @@
+---
+slug: mdx-blog-post
+title: MDX Blog Post
+# authors: [slorber]
+tags: [docusaurus]
+draft: true
+---
+
+Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).
+
+:::tip
+
+Use the power of React to create interactive blog posts.
+
+:::
+
+{/* truncate */}
+
+For example, use JSX to create an interactive button:
+
+```js
+<button onClick={() => alert('button clicked!')}>Click me!</button>
+```
+
+<button onClick={() => alert('button clicked!')}>Click me!</button>