October 20th, 2013

缘起

前几天对网站做了改变,主要初衷如下:

  1. 原先的UI审美疲劳了,而且比较粗糙,需要换一换
  2. 原先的UI不适应移动设备浏览,移动互联网大潮啊,听说bootstrap可以快速构建相应式的页面,打算试试
  3. 原先的分类和标签机制太复杂,而且github的jekyll似乎是更新了(我本地还没有更新),导致分类大小写出了问题,决定改一下
  4. 发现网友看的最多的是“github建站攻略”,打算把文章做一个系列的分类

实现

最终实现方式:

  1. 使用bootstrap3构建站点,使用栅格系统布局,能很好的适应各种分辨率的设备(Bootstrap3
  2. 在首页增加了文章缩略图,增强了美观性,并且图片采用延迟加载的方法,使得页面整体加载速度不至于太慢(jQuery页面滚动图片等元素动态加载实现
  3. 修改了分类和标签的链接策略,使用%h,而不是单独的页面来展示份分类和标签,简化了静态页面的生成策略和页面的数量
  4. 增加系列文章的入口
  5. 暂时去掉了google站内搜索
  6. 简化了后台jekyll文章模板
  7. 每篇文章加入自动二维码生成,可以在手机上慢慢读文章(jquery.qrcode
  8. 开发了一个php的本地站点,用来作为windows writer,以便将来发布新文章和修改文章,关于这一点将在以后的文章中介绍

最后给出一张iphone查看本站的效果图


1块2块也是钱,小额赞助