大家好~又见面了。
今天呢我想给大家，也给我自己，
对我的个人网站yanyy.cn/yanyy
做一个全面的整理和分析。
也给有这方面想法的朋友一个参考。
做网站的有爱好也有带有目的性的。
不过我还是希望大家能够传播正能量~
进入正题
网站首页
看到上图，是网站的首页。
首页上用户直接看得到的部分有（导航栏和轮播大图）
当时写这个网站的设想是在2018年4月份的时候。
距离现在也有一年多了。
导航栏用的是inline-block。
为了让用户怎么拖动窗口大小导航栏都不会移动
以及和logo图并排。所以将父元素div也改为inline-block。
由于后面要加的页面越来越多，所以引用了挺多css样式库。
有的库优先级太高，把我自己的样式给顶了，
所以只能用！important来提高优先级。
轮播图用的原生js代码，非常繁琐
轮播代码一角
如果需要访问请点击->
最近会利用jQuery（js支持库）对它进行更新。
首页的剩余内容是（技能树+博主介绍+尾页）
网站剩余内容
技能树就是简单的图片+图片+li标签。
博主介绍就是p标签+p标签+position定位。
我这个审美确实。。。
不是说我审美不行，是写到后面完全没有内容可写。
目前网上流行的个人博客页面。
首页上基本上是轮播图+文章+文章
如果我有这么多的素材，我也能将首页排的满满的。
这又涉及到一个爬虫爬取其他页面文章的问题了。
上次我在博客园（cnblogs.com）写的文章。
被爬虫爬到几个莫名网站上给当做文章显示了。
我的文章被别的网站爬取
这种就无法判断文章的真实性和有益性。
当然这样爬取文章也有一定难度。
（等我有了自己的服务器一定会试试。）
网站的动态页面：
由于QQ空间，知乎，微信的封闭和隐私性，
爬虫无法去爬取页面内容。所以只能用蠢办法。
自己一个一个更新，基本上上想到了要更新才去更新。
不过有些不会在空间或者其他地方发表的东西。
可能会在网站动态上看到。
这里用到了一个css3的新功能。
当鼠标悬停时放大图片:transform:scale(2.5);