tumblr-boilerplate: An HTML repository from davesantos

Tumblr Boilerplate

A fully functional bare-bones Tumblr theme that works out of the box. Style it to your needs. The goal of the project was to remove uncessary code easing the development process.

Installation

Bower

bower install tumblr-boilerplate

Git

git clone https://github.com/davesantos/tumblr-boilerplate.git

Download

Source
Zip

Getting Started

Choose an installation method.
Modify tumblr.html with your favorite code editor.
Publish it by going to https://www.tumblr.com/customize
Click Edit HTML on the left column.
Copy & paste your customized code then click Save.

Features

HTML5 tags
Normalize.css from cdnjs
Supports all post types
Theme options from global appeareance
Localization strings

Theme does not support

(Intentionally not included to remain flexible in the various uses for a theme.)

Caveats

Tumblr will auto-inject code (such as Open Graph Protocol, Twitter Cards & javascript) into the final result for your page. This is out of the theme developers' control. Running it through a HTML Validator or Page Speed may spit out warnings & errors.

(Tumblr injects <!DOCTYPE html>, twice!)

Optional Snippets

Open Graph Protocol
If you choose not to include this in your <head>, Tumblr will auto-generate it against your will! Isn't that great!?

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">

And this:

  <meta property="og:site_name" content="{Title}">
  <meta property="og:url" content="{BlogURL}">
  <meta property="og:image" content="{PortraitURL-128}">
  <meta property="og:type" content="tumblr-feed:tumblelog">

davesantos/tumblr-boilerplate