From 5b7ccf0b671e2999b62befc729a3e517a0433728 Mon Sep 17 00:00:00 2001 From: Bertrand Yuan Date: Mon, 15 Dec 2025 23:48:10 +0800 Subject: initial commit -- the front-end prototype The initial code is base on Anirudh's work. More to see at: https://github.com/techwithanirudh/shadcn-blog Therefore, the code in this commit is under MIT license. --- content/markdown-examples.mdx | 100 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 100 insertions(+) create mode 100644 content/markdown-examples.mdx (limited to 'content/markdown-examples.mdx') diff --git a/content/markdown-examples.mdx b/content/markdown-examples.mdx new file mode 100644 index 0000000..d550721 --- /dev/null +++ b/content/markdown-examples.mdx @@ -0,0 +1,100 @@ +--- +title: Markdown Examples +description: Learn to use Markdown for clean, structured formatting in blogs, docs, and notes. Explore examples, pro tips, and practical use cases to level up your writing and make your content easier to read, share, and maintain across platforms. +date: 2025-03-22 +tags: ['guide', 'style', 'markdown'] +image: /images/blog/markdown-examples.png +author: You +--- + +# Markdown Examples + +## h2 Heading + +### h3 Heading + +#### h4 Heading + +##### h5 Heading + +###### h6 Heading + +## Emphasis + +**This is bold text** + +_This is italic text_ + +~~Strikethrough~~ + +## Blockquotes + +> Develop. Preview. Ship. – Vercel + +## Lists + +Unordered + +- Lorem ipsum dolor sit amet +- Consectetur adipiscing elit +- Integer molestie lorem at massa + +Ordered + +1. Lorem ipsum dolor sit amet +2. Consectetur adipiscing elit +3. Integer molestie lorem at massa + +## Code + +Inline `code` + +```js +export default function Nextra({ Component, pageProps }) { + return ( + <> + + + + + + + ) +} +``` + +## Tables + +| **Option** | **Description** | +| ---------- | --------------------------------------------------------------------------------------------------------------------------- | +| First | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | +| Second | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | +| Third | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | + +## Links + +- [Next.js](https://nextjs.org) +- [Fumadocs](https://fumadocs.vercel.app/) +- [Vercel](http://vercel.com) + +### Footnotes + +- Footnote [^1]. +- Footnote [^2]. + +[^1]: Footnote **can have markup** + + and multiple paragraphs. + +[^2]: Footnote text. -- cgit v1.2.3