[Test] Markdown 渲染测试：从汇编代码到数学公式

1. 排版与强调 (Typography)

这是一个普通的段落，包含 加粗文字 (Bold)、斜体文字 (Italic) 以及 删除线 (Strikethrough)。

我们还可以使用 行内代码 (Inline Code) 来标记关键术语，比如 useEffect 或 malloc。

---

2. 代码高亮测试 (Code Highlighting)

这是作为技术博客最核心的部分。测试不同语言的渲染效果。

TypeScript / Next.js

tsx
复制
import { useState, useEffect } from 'react';

interface Props {
  title: string;
  isActive?: boolean;
}

export default function TechCard({ title, isActive = false }: Props) {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    console.log('Component Mounted');
  }, []);

  return (
    <div className={`p-4 border ${isActive ? 'bg-blue-500' : 'bg-gray-100'}`}>
      <h2 className="text-xl font-bold">{title}</h2>
    </div>
  );
}

x86 Assembly (MASM 风格)

assembly
复制
.data
    hello db 'Hello, World!', 0

.code
main proc
    mov ax, @data
    mov ds, ax

    lea dx, hello
    mov ah, 09h
    int 21h

    mov ax, 4C00h
    int 21h
main endp
end main

Shell / Bash

shell
复制
npm install react-markdown rehype-highlight
npm run dev

---

3. 列表与嵌套 (Lists)

• 前端框架
  • Next.js
  • Vue.js
• 后端语言
  • Go
  • Python

1. 购买域名
2. 配置 DNS
3. 部署 Vercel

• 搭建 Next.js
• 配置 GitHub API
• 写博客
• 修 CSS

---

4. 引用块 (Blockquotes)

这是引用块

这是嵌套引用

---

5. 表格样式 (Tables)

路由器	架构	固件	价格
AX6000	Filogic 830	ImmortalWrt	¥399
360 T7	Filogic 820	OpenWrt	¥140
N100	x86_64	iStoreOS	¥600+

---

6. 图片

GitHub Logo

---

7. 数学公式

行内公式：$E = mc^2$

$$f(x) = \int_{-\infty}^{\infty} \hat{f}(\xi)\, e^{2\pi i \xi x} d\xi$$

---

8. 链接

https://nextjs.org