下载,进入后点击右下角的“Download ZIP”,然后解压,文件夹名由 SimGrey-master 改为 simgrey,就可以使用了。

博客两周年整,纪念一下。把现在的主题发布了吧 :biggrin:

这是一个比较简单的主题:以灰和蓝为主色调,不支持二级菜单,也不支持文章格式,主题除去 jQuery 和截图,只有不到 100KB。比较适合倾向于简单记录生活的博客。

三种风格

  1. 单栏
  2. 双栏(内容 + 主工具栏,宽屏 1024px 以上)
  3. 三栏(内容 + 主工具栏 + 副工具栏,超宽屏 1280px 以上)

向主工具栏拖入一个小工具,便可开启双栏风格;再向副工具栏拖入一个小工具,便可开启三栏风格。

即使您使用了三栏超宽屏,也不要担心,在宽度低于 1280px 的设备上依然可以拥有良好的视觉体验:在 1024px~1280px 之间,副工具栏会与主工具栏共用一列,此时显示效果与双栏一致;低于 1024px 时,主副工具栏会移动到主要内容下方,此时显示效果与单栏相似;降低到 600px、480px 以下时,副主工具栏依次隐藏,页面高度不会过高而影响用户的体验。具体请看下面的响应式设计介绍~

响应式设计

响应式设计简单来说,就是 CSS 可以根据设备的显示宽高进行调整。这样,同一套 HTML 布局即可在 PC 上展示正常的布局效果,也可同时在移动设备上拥有良好的视觉和使用体验。

SimGrey 便是采用了响应式设计的主题,无论您采用哪种风格,都可以在 PC 端、平板电脑和智能手机上获得良好的视觉效果和使用体验。您可以使用 Chrome、Firefox 等浏览器打开 DEMO 页面,然后改变浏览器的宽度:主题的文字大小、界面布局、小工具栏的位置排版都会根据宽度的变化而变化。

兼容性

  • 浏览器:最低兼容至 IE6,IE7 或更新版本的 IE 使用效果和 Chrome、Firefox 和 Opera 等现代浏览器使用效果基本一致。
  • 操作系统:合理的安排了font-family,在 Windows 平台主要使用 Arial、微软雅黑和微软正黑,Mac 平台使用 Helvetica、苹果丽黑 W3。在各种操作系统上都能展现最佳的字体效果。
  • 丰富网页信息摘要:支持简单的微数据RDFa

功能支持

  • 分页:使用 WordPress 原生函数实现的分页,使用体验好于前后翻页。
  • Ajax 评论:源自 Willin Kan 并加以修改,使用体验更好。并在此基础上加入了 Some-Chinese 功能,可以开启评论必须含有中文的功能,能够一定程度降低收到垃圾评论的概率。
  • 评论通知:同样源自 Willin Kan 并配合主题样式对邮件内容进行了修改,可以在后台自由开闭。
  • 页面模板:针对不同需求设置了几套页面模板:
    1. 归档模板:生成一个含有分类、标签和按日期的文章归档页面。
    2. 关于模板:生成一个带有建站日期(根据博客的第一篇文章创建日期计算)、文章数量和评论数量的页面,其余内容可以在后台进行编辑。
    3. 留言板:生成页面只有评论,没有页面内容。
    4. 无评论模板:生成页面只有内容,没有评论部分。
  • 更多的功能会在未来加入进来...

下后服务

本人其实比较热情,有关主题或是其他简单的问题都可以帮忙解决。

  1. 我的好像错了,怎么显示 900 多天最早的文章是 2013.1.10