---
layout: post
title: OpooPress 博客主题
date: '2013-10-12 21:59'
comments: true
published: false
description: 本文简单介绍 OpooPress 目前所提供的主题，以及各个主题的特点。并提及 OpooPress 在将来会提供主题备份、安装、恢复等功能。
categories: [weblog]
tags: [OpooPress, Theme, web-fonts]
url: '/opoopress-themes/'
---
博客移植到 OpooPress 后，一直使用一个纯白的主题样式，自我感觉比较清新吧，但肯定不是每个人都喜欢。
OpooPress 提供的默认主题就是 Octopress 的默认主题，虽然不错，但看久了还是会审美疲劳。
于是最近折腾着给这个博客换了个主题，同时也是为了展示 OpooPress 博客换主题其实不是件很难得事情。
<!--more-->

**默认主题** - *关键字：HTML5, CSS3, Responsive layout, Modernizr*
<a href="/wp-content/uploads/2013/opoopress-theme-default.png" target="_blank" title="点击查看大图">
<img src="/wp-content/uploads/2013/opoopress-theme-default-small.png" alt="OpooPress Theme: Default"/>
</a>

**经典白** - *关键字：HTML5, CSS3, Responsive layout, Modernizr*
<a href="/wp-content/uploads/2013/opoopress-theme-classic-white.png" target="_blank" title="点击查看大图">
<img src="/wp-content/uploads/2013/opoopress-theme-classic-white-small.png" alt="OpooPress Theme: Classic White"/>
</a>


**TP** - *关键字：HTML5, CSS3, Bootstrap, Web fonts*
<a href="/wp-content/uploads/2013/opoopress-theme-tp.png" target="_blank" title="点击查看大图">
<img src="/wp-content/uploads/2013/opoopress-theme-tp-small.png" alt="OpooPress Theme: TP"/>
</a>

三种主题都使用了 Google Fonts 来美化页面中的英文字符，**TP**主题还使用自定义的字体作为界面中的图标。使用 Web Fonts 作为图标的方式似乎大有取代  CSS sprites 的趋势。这个在今后可能单独讨论一下。 

OpooPress 将逐渐增加备份、安装、恢复主题的命令（Maven Mojo），并发布一个 OpooPress 博客主题开发指南的文档。