这份作业是怎么"完成"的？

实话说，现在呈现在您眼前的界面大部分内容是我目前的能力所不足以达到的（

我作为一个能力有限的人，学习东西喜欢追求其实用性。前端对于目前的我而言最大的作用在于，制作个人博客，作为互联网名片、信息交流分享的平台。

所以我在去年2月通过网上获取的信息搭建了我的个人博客网站(opentap.cn)。这是一个静态网站，使用hexo框架，使用Node.js作为后端，使用Markdown撰写文章，使用git部署在github仓库中，利用github pages提供的服务器发布网站。

我对Hexo比较满意。利用类似于hexo这样的框架，我们这样对计算机有着稍微的了解、但并没有深入了解前后端工作流程的人也能够动手搭建自己的网站；同时因为文章(Markdown文件)是本地撰写再上传网站的，因此相当于文章内容在本地拥有备份；而且不同于WordPress+宝塔，借助github pages、Netlify等服务，网站的维护成本相对低廉，仅仅只需要维持域名的费用便可以维持网站的运行。

于是我这一份作业便是奔着这样一种目标去的：希望进一步了解hexo这样的前端框架的结构，以便以后优化改进我的博客网站。但是太难的我没有精力去看懂，所以我找了类似于博客网站呈现的一种html+css+js模板。

我找了[HTML5 UP! Responsive HTML5 and CSS3 Site Templates](https://html5up.net/)中的Phantom网页模板，并对它的文件结构进行了分析(详见我在自己网站里的笔记 [html5up - 霜晴避风港](https://opentap.cn/html5up/))。同时我也在我上交的作业的html文件里添加了部分注释。我确定我明白了html部分和css部分，包括重置这些五花八门的浏览器给的默认样式(reset.css)，然后重新建立自己定义的css，同时惊人地对于不同系浏览器(chrome,firefox,safari,甚至于老掉牙的ie)做了大量兼容，然后对于不同窗口大小(模拟不同的设备，比如PC/手机)做多重媒体查询再分别调整这些元素的大小形态,以及图标库的引用......这些都是从书本知识中所学不来的,所以我也算有所收获.

但是我看不懂scss.我在想是不是scss需要对应的软件来开发?我在设想借助软件微调少量scss文件间接修改大量css文件的场景......js不属于这次作业的范围,代码很多,我没有精力看.于是我陷入了停滞,这份作业也一拖再拖.

顺带一提留言是不能提交的,因为.php需要服务器支持,而我还没搞懂呢(苦笑)