今天跟大家唠唠我这几天搞的“五月天网站”的事儿，纯属个人爱技术也一般，大佬们轻喷哈！
起初就是想把自己喜欢的五月天的歌、演唱会视频，啥的都集中到一个地方，方便自己看，也方便分享给同样喜欢五月天的朋友。说干就干，先是确定了用什么来做。
琢磨了一下，前端嘛就用最简单的HTML、CSS、JavaScript，后端的话，本来想用Python的Flask，简单快速，后来一想，干脆用*，正好最近在学，练练手。数据库就选了MongoDB，文档型的，放点歌词、视频链接啥的方便。
然后就开始搭框架，先把*环境搞装了Express，这玩意儿用来快速搭建Web应用挺方便的。接着就是写HTML页面，首页、歌曲列表页、视频页，一个一个写。CSS样式也得跟上，不能太丑不是？
前端页面写得差不多了，就开始搞后端接口。用Express写了几个API，比如获取歌曲列表、获取视频列表、搜索歌曲啥的。然后就是连数据库，把歌曲信息、视频链接啥的都存到MongoDB里。
前端通过AJAX调用后端API，把数据展示到页面上。一开始数据都是写死的，后来改成从数据库里读取。这中间遇到不少坑，比如跨域问题，还有MongoDB的查询语法不太熟练，各种查资料、Google，总算是搞定了。
为了让网站更好看，还加了一些特效，比如鼠标悬停的时候歌曲列表有颜色变化，视频播放器用的是一个开源的库，支持全屏播放、清晰度切换啥的。歌词的话，就简单地用一个<pre>标签展示，没搞太复杂。
就是部署了，我直接把代码扔到了一台阿里云的服务器上，用PM2管理*进程，这样网站就能一直运行了。还申请了一个域名，绑定到服务器IP上，这样就能通过域名访问了。
整个过程大概花了一个星期，断断续续地搞。虽然技术不咋地，但自己做的东西，用起来就是爽！以后还会继续完善，加一些用户评论、分享功能啥的。希望五月天能一直唱下去，我也能一直做下去！
- 前端：HTML、CSS、JavaScript
- 后端：* + Express
- 数据库：MongoDB
- 部署：阿里云服务器 + PM2
遇到的问题
- 跨域问题：通过设置HTTP头解决。
- MongoDB查询语法：查阅官方文档，多做练习。
- 前端特效：参考一些开源的库和示例代码。
