test

Comprehensive Markdown Rendering Test

This is an article designed to test the capabilities of a Markdown rendering engine. It includes a variety of Markdown elements to ensure your website can display all formats correctly and beautifully.

Headings

Here are all levels of headings, from one to six:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

---

Text Styles

Here are some basic text formatting styles:

• Bold Text (Bold)
• Italic Text (Italic)
• Bold & Italic Text (Bold & Italic)
• Strikethrough (Strikethrough)
• This is an example of inline code, like const greeting = "Hello, World!";.
• <u>Underlined Text (achieved via HTML tag)</u>
• Keyboard style: <kbd>Ctrl</kbd> + <kbd>C</kbd>

---

Blockquotes

This is a standard blockquote. It’s often used for quoting someone or highlighting a specific passage of text.

This is a nested blockquote, which can be used to represent a quote within a quote.

— Anonymous

---

Lists

Unordered List

• List Item A
• List Item B
  • Nested List Item B1
  • Nested List Item B2
• List Item C

Ordered List

1. First step: Prepare the materials
2. Second step: Start coding
   1. Write the HTML structure
   2. Add CSS for styling
   3. Implement the JavaScript logic
3. Third step: Deploy to production

Task Lists

• Complete the design mockup
• Write the front-end code
• Connect to the back-end API
• Write test cases

---

Code Blocks

Code blocks are essential for technical blogs. Below is a JavaScript code sample with syntax highlighting:

// A simple function to greet a user
function greet(user) {
  if (user) {
    console.log(`Hello, ${user.name}! Welcome to our site.`);
  } else {
    console.log('Hello, guest!');
  }
}

const myUser = {
  name: "Alex",
  age: 28
};

greet(myUser);

---

Tables

Table alignment also needs to be tested.

Left-Aligned	Center-Aligned	Right-Aligned
Apple	🍎	$1.00
Banana	🍌	$0.50
Orange	🍊	$0.80

---

Links & Images

This is a link to Google.

And here is an image (using a placeholder service):

---

Horizontal Rule

A horizontal rule was used to separate each section above. It can be created using ---, ***, or ___.

---

End of test. If all the elements above are displayed correctly, your Markdown rendering configuration is perfect!