← Back to posts

Second Post

January 10, 2025• 2 min read

Second Post 🚀

Welcome to the Second Post of our demo blog! Here we'll showcase a variety of Markdown features, including headings, lists, tables, diagrams, callouts, and more. Feel free to copy any of these snippets into your own posts.

---

Table of Contents

1. Introduction
2. Lists & Checkboxes
3. Table Example
4. Inline Elements
5. Code Samples
6. Mermaid Diagram
7. Footnotes
8. Blockquote & Callout

---

Introduction

This post demonstrates:

• Bold, italic, and strikethrough text.
• Inline code and fenced code blocks.
• Tables, images, links, emojis 😄, and more!
• A Mermaid diagram to visualize workflows.

---

Lists & Checkboxes

Unordered List

• Item 1
  • Nested item 1.1
  • Nested item 1.2
• Item 2
• Item 3

Ordered List

1. First step
2. Second step
3. Third step

Task List

• Write the post
• Add a table
• Insert a diagram
• Publish 🎉

---

Table Example

Feature	Supported	Notes
Bold text	✅	**bold**
Italic text	✅	*italic*
Strikethrough	✅	~~strike~~
Task lists	✅	- [ ] task
Footnotes	✅	Here[^1]
Mermaid charts	✅	Fenced with mermaid

---

Inline Elements

Here are some quick examples:

A block of text with a link to OpenAI and an image:

Math inline: Euler’s identity is $e^{i\pi} + 1 = 0$.

Display math:

$$
\int_{0}^{\infty} e^{-x} \, dx = 1
$$

---

Code Samples

Here's a code snippet demonstrating a simple React component:

import React from "react";

export default function Hello() {
  return <div>Hello from a code block!</div>;
}

graph TD
    A[Start] --> B{Is it working?}
    B -- Yes --> C[Celebrate 🎉]
    B -- No --> D[Debug 🔍]
    D --> B

text test