Hello World π
This blog post is written in Notion and is a part of blog.mdx.one powered by MDX.one. Let's see what all you can do with MDX.one
Β
Basic Blocks
Paragraph
You can write paragraphs like you
normally
would. The text you are reading currently is a paragraph. As you can see, all types of annotations are supported β bold, italic, underline, strikethrough, inline code, different text color, different text background or combinations of these.Headings
All of the headings (H1, H2, H3) that are in Notion are supported by MDX.one
Here are the examples of how they look:
Todo Lists
You can also add todo lists like this:
Item 1
Item 2
Item 3
Bulleted List
You can also add lists as bullet points:
- Item 1
- Item 2
- Item 3
Numbered List
Maybe you want them to be numbered. You can do that too.
- Item 1
- Item 2
- Item 3
Toggle
You can even add a collapsible toggle and hide some content until the reader tries to reveal it. Click on the below toggle to see what's inside.
This is the summary
This is the content hidden inside a toggle.
Quote
You can even add quotes to your post which looks like this.
This is a quote.
Divider
You can even separate two blocks of content with a divider.
Callout
You can also make something standout by using a callout like this.
This is an interesting idea.
Media
Images
You can upload your own image and view that here.

Β
You can also select one from Unsplash and display that.
Β
If you a link to the image, you can use that to add images too.
Β
You can even create some complex layouts of images, add captions to images and see them on your MDX.one blog.
Videos
Want to show a youtube video on your blog post? You can do that. Most of the other popular video embeds should work too.
Bookmarks
Easily add bookmarks to your blog post.
Audio
You can even directly embed audio files within your blog post and listen to them directly from your blog.
Don't bring an old problem's solution to a new tool that eliminates that problem. - Kent C. Dodds
Code Snippets
You can add your code snippets to your blog post. This might be very useful to you if you are writing technical blog posts.
const x = 2 let y = 1
Files
Embeds
Tweets
You can also embed your tweets into your blog post. See the below example.
Google Drive
GitHub Gist
Maps
Figma
You can directly embed and interact with a figma design directly from your blog post.
Conclusion
There is still a lot more you can do with your MDX.one powered blog. If you have any feedback or want MDX.one to support an embed that isn't yet supported, reach out to me at tech@mdx.one.
Β