前言
暑假的时候，自己原本的想法其实很简单，就是想写一篇博客文章告诉新生应该怎么去度过大学4年。
最初也确实在hexo博客写了一篇文章（其实那篇文章还没有整理好 - 2018-9-29）
写了之后觉得太简单了，还想添加更多的内容，比如将大家的作品添加上去什么的，
后面就在hexo博客中加了一个ppt滚动效果。
既然已经实现了这些效果，为什么不做得更好一点。
抱着这样的心态，我的漫漫征程才刚刚开始。
数字媒体技术网站雏形
为了做得更好，我逐渐开始萌生搭建一个专业网站的想法。
虽然自己并没有做过，不过倒是了解过，搭建一个网站当然不可能从零开始，否则那真是累死人。
首先找一个中意的网页模板，在这个基础上进行修改。
于是我又在网上找模板，下载了很多个模板、
这其中也花费大量时间去筛选，最后筛选出了一个我比较满意的模板。
后面就是综合所有的网页和效果，制作出一个网页。
主要参考的是一个网页的模板。
网页后面有很多联系我们之类的模块，我当时就想做出一个评论系统，这样新生就可以在网站上留言了。
于是二话不说，就开干，研究了一下Gittalk的使用方法，感觉还是非常简单。
于是就将Gittalk搭载在了初版页面上。（初版页面似乎被我删除了(:з」∠)）
后续接力
将这个简略版网页发布之后，收到了很多的回馈，特别是对评论以及内容丰富性的吐槽。
于是为了让网页的效果更加丰富，我想做的东西就变得越大。
于是乎去5iweb.com那里找了大量网页特效来加入到网页中。
可以感受一下，我当时搭建了多少个特效效果，因此也让现在的网页加载速度降低了很多。
这个按钮包含了太多的功能了。
- 点击按钮弹出submenu的特效 -> qooey.js
- 点击分享按钮弹出分享界面 ->
- 分享面板 -> socialshare.js
- 分享背景 -> threejs line
- 弹幕插件 -> danmu.js
- 动态弹出插件 -> quttons.js
- 滚动条插件 -> slider
- 弹幕输入的颜色插件 -> spectrum.js
接入上述的插件就耗费了我不少的精力（尽管也只是站在巨人的肩膀上实现的）
另外也还有一些其他的插件：
- 滚动插件 -> scrollify.js
- 翻牌插件 -> Baraja.js
- 评论翻书插件 -> bookblock.js
- 大小变化检测 -> resize.js
- 课程意见滚动插件 -> ticker.js
- 视频弹出插件 -> classie-video
当然还有必不可少的bootstrap和jquery，以及模板提供的插件。
如此庞大的插件使用极大丰富了网站的内容，但是同时也大大降低了加载速度。
后来我还不得不将threejs相关的脚本去掉来提升网页的速度。
另外，网页的内容也非常多，我仅仅是接入这些插件就已经焦头烂额了。
团队协助
后面我把任务分配给工作室的同学，大家合力把所有的内容完善。
- 冯磊帮我研究了php的后台对接，实现了弹幕、评论的动态加载及反馈。另外在课程页面上也将大家的意见接入到了网页中。
- 彭梓浩帮我制作了CG、游戏页面的内容
- 李薇帮我制做了后台、前端页面的内容
- 谭晓雯帮我制作了软件开发页面的内容
在这个过程，我开始尝试魔改Hexo静态博客，将生成的博客页面嵌入到专业网站中。
另外也广泛向大家获取投稿，最后全部搭载了博客中。
一路走来非常曲折，感谢大家的支持与付出，感谢所有人给我的投稿。
后续问题
最后我们勉强赶在新生第一堂课之前将网页搭建好了。
但是完全没有考虑到新生当前并没有电脑的事实，而网页并没有做好自适应。
因此后续就是调整网页的自适应问题。
另外网页挂载在了冯磊购买的服务器中（也有师兄提供的备用服务器），但是下行速度只有1M宽带，大概就是200多K的速度，因此多人访问的时候，速度就会变得很慢。
为了让网站的体验提升，我最初想到问题可能是因为视频太大了，加载比较慢，于是想用bilibili来播放视频。
然而哔哩哔哩的视频外链支持360P，体验非常糟糕，于是我尝试调查哔哩哔哩的外链API。
可是在哔哩哔哩官网寻找了许久也没有找到相关的文档。
最后在network中，寻找外链页面发送的请求时，找到了链接过去的另一个页面。
在那里可以看到提供的API代码。
即便是找到了API，也不知道这些参数分别代表什么的，最后测试了好几天，也没有弄清楚开启高清的方法(:з」∠)，只好放弃这个方案。
最后还是决定采用腾讯云静态挂载的方案。
自适应还不是大问题，毕竟网站很多地方都采用了bootstrap的方案，自适应的问题只存在一些特定的效果中。
后面这些问题彭梓浩帮我解决了。
最大的问题在于解决首页的视屏ppt效果，因为在手机端，视频播放会被某些浏览器抓取，导致整个页面崩塌，这个问题可以在微信内置的qq浏览器中看到。
最后没有很好的解决方案，我只好妥协识别移动设备，如果是移动设备就禁用视频，采用图片ppt的方式。
终于，在拖了差不多10天的时间之后，终于把所有的问题解决了。
通过给php页面添加允许头文件，也实现了在静态页面中跨域访问动态php，实现评论、弹幕显示以及添加。
总结
这次网站搭建只是我自己最初的一个小小想法，没想到后面会做得如此庞大。
不过在这个过程中，我也学到了很多东西。
这一次是真的弄懂了bootstrap的运作原理了，而且在网页的排版上也发现了bootstrap可视化排版的神器。
在操纵各种复杂的js插件的过程中，又一次加深了对js的理解。
虽然自己没有系统地学习php，不过在和冯磊的合作中也学习到了不少php相关的知识。
最后真的非常感谢各位协助我搭建网站的所有人，帮我实现了这个心愿。
