欢迎来到我的技术博客

这是一个使用 MDX 编写的页面。MDX 的强大之处在于你可以在 Markdown 中直接使用 React 组件。

1. 基础语法测试

你可以像平时一样编写 Markdown：

• 粗体 和 斜体
• 链接到 GitHub
• 列表项

💡 提示： 确保你的 contentlayer.config.ts 中的 fields 定义了 title, date, summary 和 tags，否则构建会报错。

2. 代码高亮测试 (Shiki)

既然我们配置了 rehype-pretty-code，你的代码块看起来会非常漂亮：

// src/app/hello.ts
export const greet = (name: string): string => {
  return `Hello, ${name}! Welcome to my blog.`;
};
 
console.log(greet("Jade"));