~/blog/welcome-to-my-blog
欢迎来到我的博客
•5 min read
nextjsmdx博客
欢迎来到我的博客
你好！欢迎来到我的个人博客。这是一个使用 Next.js 14 和 MDX 构建的现代化博客网站。
关于这个博客
这个博客使用以下技术栈构建：
- Next.js 14 - React 框架
- MDX - Markdown with JSX
- Tailwind CSS - 原子化 CSS 框架
- Framer Motion - 动画库
- Shiki - 代码高亮
功能特性
- 📝 Markdown 支持 - 使用 MDX 编写文章
- 🎨 代码高亮 - 使用 Shiki 实现美观的代码高亮
- 📱 响应式设计 - 适配各种设备
- 🚀 快速加载 - Next.js 的静态生成
- 🎯 SEO 优化 - 自动生成元数据
文章列表
这里有一些示例文章：
联系我
如果你有任何问题或建议，欢迎通过以下方式联系我：
代码示例
下面是一个简单的 React 组件示例：
jsx
1
2
3
4
5
6
7
import React from 'react';
function HelloWorld() {
return <h1>Hello, World!</h1>;
}
export default HelloWorld;引用块
💡
这是一个引用块，可以用来强调重要的观点或引用他人的话。
图片
示例图片