speice.io/blog/2021-08-01-mdx-blog-post.mdx

---
slug: mdx-blog-post
title: MDX Blog Post With An Extraordinarily Long Title
date: 2021-08-02 10:00:00
authors: [bspeice]
tags: []
---

## title

Hello?

Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).

<details>
    <summary>Hello</summary>
    
    Testing - {1 + 2}
</details>


:::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>
```

```cpp
class MyClass {
public:
    MyClass() = default;
};

int main() {
    auto x = 24;
}
```

<button onClick={() => alert('button clicked!')}>Click me!</button>