简单的介绍一下这款开源Hexo主题：WIN7-一款怀念 Win7、Aero、那个玻璃满屏年代的产物

一、它的样子

打开演示站：31.al，你看到的不是那种常见的"顶上一条栏、下面一堆文字"，
而是一整扇 Windows 7 的窗口，文章就像文件夹里的文件那样一个个摆着。

具体说几个：

  • 玻璃标题栏：半透明磨砂那种，右上角还有你熟得不能再熟的「最小化、最大化、关闭」三颗玻璃按钮
  • 银色的窗框：就是当年那种带高光的金属边，我尽量还原了，也得感谢7.CSS
  • 像资源管理器一样的文章列表：文章按「名称 / 日期 / 摘要」三列排着，翻起来跟在电脑里翻文件一个感觉
  • 地址栏：顶上有个面包屑，跟资源管理器的地址栏一样告诉你现在在哪
  • 壁纸是当年的：那张流光的蓝色极光背景
  • 进站还有个加载动画：一个 Win7 风格的小圈在转

反正就是奔着"还原那个年代的味儿"去的，怀旧，但不糊弄。

二、一些让它"活起来"的小玩意儿

光好看不够，我还想让它真像在玩一个桌面系统，所以塞了不少小交互：

  • 右键菜单：在页面上点右键，弹出来的是仿系统那种菜单，不是浏览器默认的那个
  • 能拖的浮窗：电脑上你可以把音乐播放器、附件窗随便拖到屏幕哪个角落，它还给你记住，刷新都不带丢的
  • 音乐播放器：做成横着的一条玻璃带，左边封面、中间标题和进度条、右边按钮，规规矩矩，采用本地音乐
  • 附件窗：文章里挂的附件（压缩包、文档啥的）会自动收进一个能拖的小窗里
  • 图片点开能放大、滚到哪儿才加载哪儿的图，省流量
  • 还有代码块双击就能复制、搜索实时高亮、一键回顶/到底……这些顺手的都给你备着

手机上也没落下：拖拽这些电脑才有的功能会自动关掉，浮窗乖乖回到原位，排版也重排成一列，不挤。

三、全都是本地的，一个外链都不发

这块我得多说两句，因为是我做这主题时最坚持的。

你可能遇到过——有些博客打开就一直转圈，半天出不来。很多时候不是网慢，
是它去要一个国外 CDN 上的东西（图标啊、代码高亮样式啊、公式库啊），
那服务器国内连不上，它就死等，页面自然卡那儿。

我这主题把这些东西全搬到本地了：

  • 图标：要么直接写成 SVG，要么用本地图片，不去外面要
  • 代码高亮的样式：打包在主题里
  • 数学公式（MathJax）：整个搬到本地，连字体文件都一起打包进来了
  • 窗口那套玻璃样式、壁纸：也全在本地

说白了，整个网站除了一个可选的评论功能（那个要自己单独搭），
不朝任何外面的服务器要一星半点东西。国内打开就是秒开，不转圈，这感觉真的爽。

四、下载

好了话不多说，食用教程都在文件夹里

hexo-theme-win7.zip