Example Blog Post

banner

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf. Could someone survive inside a transporter buffer for 75 years? Fate. It protects fools, little children, and ships.

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf. Could someone survive inside a transporter buffer for 75 years? Fate. It protects fools, little children, and ships.


Emphasis

  1. Did you come here for something in particular or just general

  2. Did you come here for something in particular

  3. Did you come here

  4. Did you come here for something in particular

  5. Did you come here for something in particular

  6. Did you come here for something in particular

  7. URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or

  8. http://www.example.com and sometimes example.com (but not on Github, for example).


I'm an inline-style link

I'm an inline-style link with title

I'm a reference-style link

I'm a relative reference to a repository file

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

example.com (but not on Github, for example).

Some text to show that the reference links can follow later.


Button


Quote

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.


Ordered List

  1. List item
  2. List item
  3. List item
  4. List item
  5. List item

Unordered List

  • List item
  • List item
  • List item
  • List item
  • List item

Accordions

Accordion.mdx
<Accordion title="Why should you need to do this?">

-   This is a thing.
-   This is a thing.
-   This is a thing.
-   This is a thing.
-   This is a thing.

</Accordion>

Admonitions

Tip
This is a simple note.
Info
This is a simple note.
Warning
This is a simple note.
Error
This is a simple note.
Admonition.mdx
<Tip title="title">Tip</Tip>
<Info title="title">Info</Info>
<Warning title="title">Warning</Warning>
<Error title="title">Error</Error>

Code and Syntax Highlighting

Highlight Lines

<div>Hello World</div>  
<div>Hello World</div>
<div>Goodbye</div>
<div>Hello World</div>

Highlight Words

const config = {
	reactStrictMode: true,
}

Title

main.cpp
#include <iostream>

int main() {
    std::cout << "Hello World!\n";
    return 0;
}

Files

layout.tsx
page.tsx
global.css
package.json
<Files>
	<Folder name="app" defaultOpen>
		<File name="layout.tsx" />
		<File name="page.tsx" />
		<File name="global.css" />
	</Folder>
	<Folder name="components">
		<File name="button.tsx" />
		<File name="tabs.tsx" />
		<File name="dialog.tsx" />
	</Folder>
	<File name="package.json" />
</Files>

Image

image

Zoom Image

Image Zoom

Steps

Step 1

Step 2

Step 3

<Steps>
<Step>
Step 1

</Step>
<Step>
Step 2

</Step>
<Step>
Step 3

</Step>
</Steps>

Tabs

Javascript is weird
Javascript is weird
Javascript is weird
Tabs.mdx
<Tabs items={['Javascript', 'Rust']}>
	<Tab value="Javascript">Javascript is weird</Tab>
	<Tab value="Rust">Rust is fast</Tab>
</Tabs>

<Tabs id="language" items={['Javascript', 'Rust']}>
	<Tab value="Javascript">Javascript is weird</Tab>
	<Tab value="Rust">Rust is fast</Tab>
</Tabs>

<Tabs id="language" items={['Javascript', 'Rust']} persist>
	<Tab value="Javascript">Javascript is weird</Tab>
	<Tab value="Rust">Rust is fast</Tab>
</Tabs>

Math

import 'katex/dist/katex.css'
c = \pm\sqrt{a^2 + b^2}
c=±a2+b2c = \pm\sqrt{a^2 + b^2}

Long equations example

Tf(z)=k=0(zc)k2πiγf(w)(wc)k+1dw=12πiγf(w)wck=0(zcwc)kdw=12πiγf(w)wc(11zcwc)dw=12πiγf(w)wzdw=f(z),\displaystyle {\begin{aligned}T_{f}(z)&=\sum _{k=0}^{\infty }{\frac {(z-c)^{k}}{2\pi i}}\int _{\gamma }{\frac {f(w)}{(w-c)^{k+1}}}\,dw\\&={\frac {1}{2\pi i}}\int _{\gamma }{\frac {f(w)}{w-c}}\sum _{k=0}^{\infty }\left({\frac {z-c}{w-c}}\right)^{k}\,dw\\&={\frac {1}{2\pi i}}\int _{\gamma }{\frac {f(w)}{w-c}}\left({\frac {1}{1-{\frac {z-c}{w-c}}}}\right)\,dw\\&={\frac {1}{2\pi i}}\int _{\gamma }{\frac {f(w)}{w-z}}\,dw=f(z),\end{aligned}}

Table

#FirstLastHandle
1Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3
2Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3
3Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3

Type Table

PropTypeDefault
percentage
number
0.2

Export function

Hello, World!

export function Name() {
	return <>World!</>
}

Hello, <Name />

Quảng cáo giúp chúng tôi duy trì trang web này

Last updated on