title: "My Awesome Document" date: 2023-10-27

Adding JSX Components

Here's how to include a React component:

Code Highlighting

You can also include code snippets:

function helloWorld() {
 console.log("Hello, world!");
}

Links and More

Check out this link to Google.

MDX is pretty cool, right?

```mdx
---
title: "My Awesome Document"
date: 2023-10-27
---


# Time to Dive into MDX!


This is a fundamental MDX file. Standard Markdown syntax is supported.


## Integrating JSX Components


This illustrates how you can insert a React component:


<InsImage src="/images/example.png" alt="Example Image">
</InsImage>


## Code Snippets with Highlighting


You are able to insert code examples as well:


```javascript
function helloWorld() {
 console.log("Hello, world!");
}

Hyperlinks and Other Features

Take a look at this Google link.

MDX is quite interesting, don't you think?

<AppearanceSection></AppearanceSection>