穆夏风格与现代科技融合的开发者博客

这是一个将阿尔丰斯·穆夏（Alphonse Mucha）的艺术风格与现代Web技术相结合的个人博客项目。前端采用HTML、CSS和JavaScript实现，后端使用Node.js、Express和MongoDB。

特点

• 穆夏风格的艺术设计与现代科技美学的融合
• 响应式设计，适配各种设备
• 博客文章的CRUD功能
• 用户认证和授权
• 评论系统
• 文章分类和标签
• 搜索功能

技术栈

前端

• HTML5
• CSS3 (包括Flexbox和Grid布局)
• JavaScript (ES6+)
• 动画库：GSAP、Anime.js
• 粒子效果：particles.js

后端

• Node.js
• Express.js
• MongoDB (使用Mongoose ODM)
• JWT认证
• RESTful API

安装和运行

1. 克隆仓库

git clone https://github.com/yourusername/mucha-tech-blog.git
cd mucha-tech-blog

2. 安装依赖

npm install

3. 配置环境变量 创建一个.env文件，并添加以下内容：

NODE_ENV=development
PORT=5000
MONGO_URI=你的MongoDB连接字符串
JWT_SECRET=你的JWT密钥
JWT_EXPIRE=30d

4. 运行开发服务器

npm run dev

5. 访问网站 打开浏览器，访问 http://localhost:5000

API文档

文章

• GET /api/posts - 获取所有文章
• GET /api/posts/:id - 获取单篇文章
• POST /api/posts - 创建文章 (需要认证)
• PUT /api/posts/:id - 更新文章 (需要认证)
• DELETE /api/posts/:id - 删除文章 (需要认证)

用户

• POST /api/users - 注册用户
• GET /api/users - 获取所有用户 (仅管理员)
• GET /api/users/:id - 获取单个用户 (仅管理员)
• PUT /api/users/:id - 更新用户 (需要认证)
• DELETE /api/users/:id - 删除用户 (需要认证)

认证

• POST /api/auth/login - 用户登录
• GET /api/auth/me - 获取当前用户 (需要认证)
• PUT /api/auth/updatepassword - 更新密码 (需要认证)

评论

• GET /api/posts/:postId/comments - 获取文章的所有评论
• POST /api/posts/:postId/comments - 添加评论 (需要认证)
• PUT /api/comments/:id - 更新评论 (需要认证)
• DELETE /api/comments/:id - 删除评论 (需要认证)

贡献

欢迎提交问题和拉取请求。对于重大更改，请先打开一个问题讨论您想要更改的内容。

许可证

MIT