چگونه mdx بنویسیم

برای اینکار به صورت زیر عمل میکنیم:#

یک فایل در فولدر docs و در فولدر ourExperience با فرمت mdx می سازیم
حال داخل آن باید یک id و یک title برای آن بنویسیم

    id: mdx
    title: Powered by MDX

حال id نوشته شده را در فایل sidebars.js درون یکی از دسته بندی ها می نویسیم حال id نوشته شده را در فایل
sidebars.jsدرون یکی از دسته بندی ها می نویسیم
همچنین می توان به صورت زیر نیز یک کامپوننت دلخواه ساخته و آرگومان ورودی های خاص به آن بدهیم تا استایل مورد نظر رای متن های خود بدهیم

    export const Highlight = ({children, color}) => (
    <span style={{
        backgroundColor: color,
        borderRadius: '2px',
        color: '#fff',
        padding: '0.2rem',
    }}>{children}</span> );

    <Highlight color="#25c2a0">Docusaurus green</Highlight> and <Highlight color="#1877F2">Facebook blue</Highlight> are
    my favorite colors.

نتیجه آن کد پایین می باشد:

Docusaurus green and Facebook blue are my favorite colors.

I can write Markdown alongside my JSX!

برای اینکه در سمت راست لینک ها عنوان نمایش داده شود، باید از h2 یا h3 استفاده کنیم که با # نوشته می شود

## h2
### h3