The data source of blog posts

Here are some data source I consider to use in my blog posts.

TL;DR

TypeSupport contentStored asOnline updateGithub stars
MDXAnythingMarkdownNo11.5k
mdx-bundlerAlmost anythingMarkdownYes0.7k
react-markdownPlain markdown onlyMarkdownYes7.7k
QuillMany but limitedHTMLYes30.9k

What is MDX?

According to https://mdxjs.com/:

MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents.

That is to say, with MDX, you can write something like this:

JSX
# Hello, **world**!
Below is an example of JSX embedded in Markdown.
<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
<h3>This is JSX</h3>
</div>