Syoka's Blog

这是我的个人博客，Fork于Tailwind NextJS Starter Blog ，专注于分享个人思考。

✨ 特性

• 🎨 使用 Tailwind CSS 构建的现代化响应式设计
• 🌙 优雅的深色模式支持
• 📝 MDX 支持，轻松撰写技术博客
• 🔍 全文搜索功能
• 📊 集成数据可视化组件
• 🚀 基于 Next.js 的快速加载和优秀性能
• 💻 展示个人项目集合
• 🌐 多语言支持

🛠️ 技术栈

• 框架: Next.js 14
• 样式: Tailwind CSS
• 内容: MDX
• 部署: Vercel
• 类型检查: TypeScript

🚀 快速开始

# 克隆项目
git clone https://github.com/teneous/syoka-blog.git

# 安装依赖
npm install

# 启动开发服务器
npm run dev

📂 项目结构

.
├── app/                   # Next.js 14 App Router
├── components/           # React 组件
├── content/             # MDX 文章和页面内容
├── css/                # 全局样式
├── layouts/            # 页面布局组件
├── lib/                # 工具函数
└── public/             # 静态资源

📝 写作

将 Markdown 文件放在 content/blog 目录下即可创建新的博客文章。支持以下 frontmatter：

---
title: '文章标题'
date: '2024-03-21'
tags: ['tag1', 'tag2']
draft: false
summary: '文章摘要'
---

📄 许可证

MIT License - 查看 LICENSE 获取详细信息

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📧 联系

• GitHub: @syoka