---
title: "Lab: Markdown Preview"
date: 2023-09-01
excerpt: Test various Markdown features including color schemes, math, task lists, callouts, and code blocks.
tags:
  - Blog
  - CSS
  - Markdown
---

## Second Heading, for the Page Subtitle

### Third Heading, Usually for the Section Title

#### Fourth Heading, Usually for the Subsection Title

##### Fifth Heading, for the Subsubsection Title

###### Sixth Heading, for the Paragraph Title

## Inline Styles

### Bold and Italic

- **Bold** text is perfect for highlighting key points.
- _Italic_ text is great for emphasizing specific words.
- **_Bold and Italic_** text can be used for extra emphasis.

### Other Inline Styles

- Strikethrough: ~~strikethrough text~~
- Mark: ==marked text==

## Lists: Organizing Information

Lists are a great way to organize information in a structured manner.

### Unordered Lists

Unordered lists use bullet points to list items. They are perfect for listing items without a specific order.

- First item
- Second item
    - Subitem one
    - Subitem two

### Ordered Lists

Ordered lists use numbers to list items. They are ideal for steps or items that need to be in a specific order.

1. Step one
2. Step two
    1. Substep one
    2. Substep two

## Links

- Github: [Github](https://github.com)
- Wikipedia: [Wikipedia](https://wikipedia.org)
- Youtube: [Youtube](https://youtube.com)
- Apple: [Apple](https://apple.com)

## Code

- Code:
  - `console.log("Hello, World!");`
- Code With Syntax Highlighting:
  - JavaScript: `{js} console.log("Hello, World!");`
  - Shell: `{shell} npm install hexo --save`
  - Python: `{python} print("Hello, World!")`
  - CSS: `{css} body { background-color: #f0f0f0; }`

````md
# Markdown

```ts
console.log("Hello, Markdown");
```
````

## Block Styles

### Quote

> "This is a blockquote. It stands out and draws attention to important information. In HTML, blockquotes are created using the `<blockquote>` tag. When used with the Typography plugin and daisyUI, blockquotes receive special styling that includes indentation and a different background color - making quoted text visually distinct from the rest of the content. This styling helps create clear visual hierarchy and improves readability while maintaining semantic HTML markup."

### Table

| Header 1 | Header 2 |
| -------- | -------- |
| Row 1    | Row 1    |
| Row 2    | Row 2    |

## Read More

- [[test_components| Components]]
- [[test_flavored_md| Flavored Markdown]]
- [[math_preview| Math]]