魏义齐个人博客被人说难看，你觉得呢？

看完本文，相信你会有自己的看法。2月5号是博客改版之后推广的第一天，IP三百八十多，反馈出了很多问题，比如网站打开慢、轮播图加载慢和版面难看等，前两个问题我已经解决，版面难看在这里我只能解释一下了。

网站打开慢的主要原因有三个，一是带宽太小，这个没办法，资金有限，只能买西数的标准型服务器；二是部分图片太大，我对图片进行了处理，包括附件里的和statics/images下面的；三是同时大范围推广，在线人数超过带宽限制，后来我是分时间段做推广的。

轮播图加载慢，后来检查代码发现是swiper.min.js使用了两次，删掉头部的swiper.min.js，还开启了百度云加速，情况好了许多。

对于网站版面出现了两种完全相反的情况，有的人说难看、丑，甚至针对我个人把我在群里的推广和聊天记录截图发群里，说我狂；有的人说先仿一个、666、厉害、大神，还有主动加我的qq或群求带的。

别人说难看、丑我会不以为然，因为这里面不乏有“喷”的成分，或许是嫉妒，或许是刷存在感，其实个人站长做SEO跟网红开直播是一样的，因为面对的环境是一样的，具有双面性，有支持你维护你的人，就有喷你骂你的人，这是客观环境存在的必然。但是我老师说美工还得再提高一下，这就让我纠结了好久，纠结的地方在于改版一次真心不容易，耗时间就不说了，一闭站保护收录量就会下降，半天都恢复不了，不改版呢心里总有一个想法在徘徊，就是“有人说难看”，我有强迫症，这是不可否认的。其实写这篇文章还有一个目的是帮自己下“不改版”的决定。

打开首页，我从配色和版面两个方面来说我为什么决定不改版。

宏观上，网站的颜色搭配以草木绿为主（2017年流行色），以黄色和橙色为辅，当绿色与暖色系的黄色或橙色相配，会有青春、活泼之感。

版面方面我从先后顺序和重要性两个点来说：

1.导航采用绝对定位，这符合用户体验。导航的内容可以分为两类，技术和生活，前端分享、技术教程、软件素材、站长博文和关于是技术，碎言碎语、摄影图片和旅行日记是生活，本站技术才是重点，就像本站的品牌词说的：web前端技术分享原创个人博客网站。

2.搜索框斟酌了好久，最终确定这种方式最为合理，推荐的关键词都是经过严格筛选和排序的，点了之后，大部分人不会再去点一下站内再点搜索，互联网搜索我这几个词的排名都是第一。点了，就更有利于这几个关键词的排名。

说个题外的，百度站长平台改为百度搜索资源平台之后，站内搜索去掉了，我用过百度的站内搜索，说实话体验很差，跟我自己做的搜索差远了，百度也是明白这一点的，使用用户少，最终会被下架这是必然的。

3.轮播图总共九张，除首页外每一个栏目都有自己的banner图，这些banner图都是找美工精心设计的（版权所有，不可盗用），集中在首页展示也符合首页的身份，展示效果方面我觉得可以了，3D旋转，我在很多地方都有使用，在我的素材库里这是一款很经典的轮播图，移动端的轮播图也不是泛泛之辈，源码来源于站长素材，改成那个样子我也是下了好大功夫的。

4.碎言碎语，只会在pc端体现，因为要违反版权声明的人都是用电脑进行操作，点击可跳转到碎言碎语栏目页。这种滚动文字效果也只有放到这个地方才最合理。

5.博客简介的这一句话，正是本站的描述，如果说我的网站是一片文章，那么这句话就是这篇文章的中心思想，只所以把这句话显示在最上面，是为了让访问者在阅读后对本站产生浏览的兴趣。

6.前端分享、技术教程、软件素材和站长博文的推荐，模板都是一样的，所以放在了一块，另外也是本站的重点，重要性仅次于博客简介，故而放在博客简介下面，每个推荐位限制总数为五条，四个推荐位就是二十条，这个数据是非常合理的。以列表的形式展现，一是考虑到要写响应式，二是phpcmsv9的循环属性决定了每个列表项都得是一样的，悬停缩略图放大、背景变色加投影，这是我测试的一组我觉得最合理的效果。有人觉得难看，可能是因为描述的文字太少了，显得每个列表项不够充实，但我要考虑到所有的描述，只是文字多的描述占少数而已。以后描述多写点字，视觉效果肯定会变好。

7.按照导航的先后顺序和重要性，接下来就是关于里面的作品推荐了，悬停的css3效果应该是我的首创，自定义字段允许在首页调用，就是为了引起访问者更大的了解兴趣。同时这种ul li结构，最有利于循环和响应式布局。移动端一排显示两个，pc显示四个最为合适。

8.按重要性，下来依次是摄影图片和旅行日记，摄影图片缩略图和它的列表页的缩略图是等比例的，移动布局是竖着排三个，摄影图片重要的就是图片，所以缩略图不能太小，综合考虑pc和移动的布局，三个最为合适，css3效果和ul li结构就像上面说的，营销型性质和考虑响应式布局。旅行日记放三个，也是考虑到整体的比例协调，样式稍微有所变化，这是由列表页的缩略图尺寸决定的，因为得等比例或者一样，再次使用横条型布局，是为了在网页结构上，看起来更加漂亮。

9.友情链接在最后显示最为合适不过，毕竟现在友情链接在SEO方面占的比重很小。与博客简介同样采用淡入效果，这可以叫首尾呼应（内容区的）。本来打算首页全部加上这个效果，但测试在移动上效果不佳，所以最后决定只在博客简介和友情链接这两个地方使用。

10.footer版权声明和备案号这是必须要的，草木绿色的背景和合适的高度与绝对定位的导航相呼应。

11.毕竟是个以技术为主的博客，与大家交流技术才是我的最终目的，右下角推广一下个人博客前端交流群，没什么不合理的。百度联盟判定为弹窗广告，那就判定吧，必定百度联盟已经伤了我的心，不打算再申请，就是不要被某些群主判定为广告就好，哈哈！

纵观整个首页，每个栏目的内容都在首页得到了体现，并按重要性从上往下依次排列，显示数量合理；动画效果使用得当，不会让人觉得很low；兼容方面（不考虑IE和手机UC）没有任何问题；走的是简约风，展示的都是必须展示的，包括子页，子页已为未来的广告位做了预留。

改版一次真心不容易，特别对于我这个完美主义者，一点点的问题我都要把它解决了。遂决定不再改版，再次改版就等下一次技术变革吧！

对于那些怼我的人，我只说一句话：做人要低调，沉稳和内敛，不管是说话还是做事都要有个度，只要你这么做了，旁观者清。不是所有的旁观者都选择沉默，只要你做的对，自然会有人站出来维护你，替你说话。

我不想跟别人争论喷我的、怼我的、骂我的人是没有社会经验小年轻还是像狗皮膏药一样的的无赖，我只想说：坚持走自己的路。

只要我还存在，我的网站就不会消失，到如今，这不仅仅再是一个博客，它可以是一叶舟，与支持我的人风雨同舟的舟；它可以是一个平台，与大家交流的平台；它也可以是一份寄托，寄托的是我的情怀。我付出的是真诚，我做的是有情怀的博客。