JieCheng.Dev 是一个基于 Next.js 和 TypeScript 构建的现代化技术博客平台。我们致力于为开发者提供一个优雅、高效的内容分享环境。
🚀 平台特色
现代化技术栈
- Next.js 14 - 最新的 React 全栈框架
- TypeScript - 类型安全,提升开发体验
- Tailwind CSS - 原子化 CSS,快速构建美观界面
- React Markdown - 强大的 Markdown 渲染支持
优雅的设计
- 简洁现代的界面设计
- 完全响应式布局,适配各种设备
- 优秀的阅读体验和排版
- 直观的导航和内容组织
强大的功能
- 📝 Markdown 文章支持
- 🏷️ 灵活的标签和分类系统
- 📱 移动端适配
- 🔍 内容搜索(即将推出)
- 💬 评论系统(即将推出)
📖 如何使用
创建文章
在 posts 目录下创建 Markdown 文件,使用 frontmatter 定义文章元信息:
markdown1--- 2title: "你的文章标题" 3excerpt: "文章摘要" 4date: "2024-01-15" 5author: "作者名称" 6category: "分类" 7tags: ["标签1", "标签2"] 8featured: false 9--- 10 11你的文章内容...
文章分类
通过 category 字段为文章分类,系统会自动生成分类页面。
标签系统
使用 tags 数组为文章添加标签,便于读者按主题查找内容。
🛠️ 技术实现
文件结构
text1src/ 2├── app/ # Next.js App Router 3├── components/ # React 组件 4├── lib/ # 工具函数 5└── types/ # TypeScript 类型定义
核心功能
- 静态生成:文章在构建时生成,性能优异
- 类型安全:完整的 TypeScript 支持
- SEO 友好:自动生成元数据和结构化数据
🎯 未来规划
我们正在开发更多实用功能:
- 全文搜索
- 评论系统
- RSS 订阅
- 文章统计
- 深色模式
- 多语言支持
🤝 参与贡献
欢迎提交 Issue 和 Pull Request,一起完善这个平台!
感谢你使用 JieCheng.Dev,让我们一起构建更好的技术社区!
评论讨论
使用 GitHub 账号登录即可参与讨论