欢迎来到我的博客

你好！欢迎来到我的个人博客。这是一个使用 Next.js 14 和 MDX 构建的现代化博客网站。

关于这个博客

这个博客使用以下技术栈构建：

• Next.js 14 - React 框架
• MDX - Markdown with JSX
• Tailwind CSS - 原子化 CSS 框架
• Framer Motion - 动画库
• Shiki - 代码高亮

功能特性

• 📝 Markdown 支持 - 使用 MDX 编写文章
• 🎨 代码高亮 - 使用 Shiki 实现美观的代码高亮
• 📱 响应式设计 - 适配各种设备
• 🚀 快速加载 - Next.js 的静态生成
• 🎯 SEO 优化 - 自动生成元数据

文章列表

这里有一些示例文章：

• Next.js 14 新特性
• MDX 入门指南
• Tailwind CSS 实战

联系我

如果你有任何问题或建议，欢迎通过以下方式联系我：

• 📧 Email
• 🐙 GitHub
• 🐦 Twitter

代码示例

下面是一个简单的 React 组件示例：

jsxCopy
1
2
3
4
5
6
7
import React from 'react';

function HelloWorld() {
  return <h1>Hello, World!</h1>;
}

export default HelloWorld;

引用块

图片

示例图片

YouTube 视频

Twitter 嵌入