🚀 cosSpace

cosSpace 是基于 Next.js（App Router Mode）、Typescript、React 和 Tailwind 开发的项目，它是 cos_blogs 的重构版，旨在为用户提供同时拥有博客和个人空间的平台。（从 hexo + shoka 主题迁移过来哒）

🎉 功能

✏️ 发布、编辑和删除博客文章 ing...

📁 按照分类和标签组织文章 ing...

🔍 通过搜索框查找文章 ing...

🎨 个人空间定制，展示个人信息和作品 ing...

🛠 技术栈

• 🎨 UI: 部分 ShadCn/ui
• 🎥 动画: Framer Motion
• 🎀 CSS 框架: Tailwind CSS, PostCSS
• 🖥 前端框架: React
• 📦 包管理器: Pnpm
• 🌐 SSR 框架: Next.js

📦 部署 | 安装

Vercel 一键部署

本地开发

1. 克隆项目到本地

git clone https://github.com/cosZone/cos-space

2. 进入项目目录并安装依赖

cd cos-space
pnpm i

3. 启动项目

pnpm dev

📧 联系我

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

• 在我们的 GitHub Issue 上提出问题或建议

🙏 鸣谢

感谢以下项目对 cosSpace 的开发提供的灵感及参考：

• mx-space
• Shiro
• hexo-theme-shoka
• ...

📝 TODO

• 一个能看的导航栏菜单是一个好的开始
• 展示柜系统 - 展示自己购入的一些胶带、自制流麻等等等
  • 胶带展示 - 胶带所属社团、多少钱一循环购入、购入渠道、拥有几循环、缩略图 &详细图
  • 流麻展示 - b站视频链接 & 封面
• 文章系统
  • 首页 post 列表
  • 单个博文页面
  • 文章分类与标签系统
  • 文章搜索功能
• 用户系统
  • 用户注册 & 登录功能
  • 评论与回复功能
  • 个人信息页与个人空间定制
  • 通知与消息系统
• 文章编辑与删除功能
  • 文章草稿保存与发布
  • 图片与媒体上传管理
  • 数据备份与恢复功能
  • 社交媒体分享功能
  • Markdown 语法拓展
• 优化 & 统计
  • 文章统计与分析（例如访问量、点赞数等）计划用 GA
  • RSS 订阅功能 & 邮件订阅
  • 首页与博文页的优化加载速度
  • 响应式设计以适配多种设备
  • SEO 优化
  • 优化代码结构与性能
  • 更新日志与文档编写
  • 进一步的安全性检查与优化
• 拓展
  • 小彩蛋
  • 扩展插件与主题系统
  • API 设计与开放
  • 增加多语言支持
  • 自动化测试与持续集成
  • 其他用户反馈与建议的功能完善

📝 许可证

cosSpace 使用 MIT 许可证。