段亮个人博客3.0（小清新模板）演示站点

前言：今天，终于能如愿以偿的把博客进行更新改版啦！之前一直有想法把博客进行重新构建，由于种种原因，就一直拖延着。或许这也跟自己的懒惰，有一定程度的关系吧!

 好啦！废话不多说。说说今天的正题吧，以及为什么要重新对博客进行优化构建呢？

 原因如下:

  1、代码混乱，导致后期无法进行更新维护。

  2、某些功能模块用户体验差。

  3、网站风格进行微调改版。

一、对于博客代码构建

 
   本次构建的技术选型，是基于前端构建工具--“webpack”进行构建。为什么我会选择webpack呢？

  因为它有几个功能是我非常想要的:

    1、模块化开发

2、强大的loader插件机制

3、代码压缩混淆、图片转base64...

  加上webpack官方提供的开发服务器"webpack-dev-server"开发，简直就一个字“爽”!为什么会这么说?

 
   以前我们开发静态页面，一般是写好代码，如果想要看效果的话，还需要手动刷新浏览器才行，这样变得非常麻烦。而使用"webpack-dev-server"的话，我们只需要在保存修改后的代码，什么也不用做，webpack就能自动帮我们打包代码，同时自动刷新浏览器，让我们立马看到修改后的效果。
   妈妈再也不用担心我开发的效率啦! (*^__^*)

  PS:
   编译慢，可能更电脑配置以及文件大小有关系，此处只是演示。

  等等，还没完。webpack还帮我们提供了一个牛逼的技术：热加载（HMR）简直是“黑”科技。

 
   简单点说：我们的修改后的代码不仅可以自动打包，而且浏览器不用完全刷新，只需要异步刷新，加载修改后部分代码即可，加载完成效果会马上反应在页面效果上。

 
   此图是基于vue的热更新图，在静态页面上暂时没有实现，可能是我的姿势不对有关。不过没关系，自动刷新就已经帮我们解决了，手动刷新页面的需求啦!

二、关于此次版本更新内容

  1、增加网站站内功能 (有些细微的体验待改进)

  2、重新优化网页制作视频教程栏目用户体验。

  3、网站风格小部分改版

新的博客3.0演示地址为: 点击预览

      为了防止有人非法捣乱，后台演示地址以及账号需后续付费1元查看

博客的VIP会员能干嘛呢？

考虑到很多朋友是真正想学习网页制作，以及想真正的做一个自己的个人网站。那么博客中的VIP会员，你可以学习：

（1）网页制作从零开始学习-->网页制作实战--> 结合后台CMS实战，让你明白如何自己从零基础搭建一个网站。(简单的说，就是教你如何自己做个人网站) + 技