Here you’ll find a guide to developing templates for Blot. Blot’s template system offers you, the developer, control of every line of HTML, CSS and JavaScript. Blot’s templates will be familiar to those who have developed for other platforms.

You will need a working knowledge of HTML and CSS. If you’d like to hire a developer or designer to create a template for you, contact me.

1
2
3
4
5
6
7
8
9
<html>
<body>
  {{#entries}}
  <a href="{{{url}}}">{{title}}</a>
  {{/entries}}
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
<html>
<body>
  <a href="/first-post">First post</a>
  <a href="/second-post">Second post</a>
  <a href="/third-post">Third post</a>
  <a href="/fourth-post">Fourth post</a>
  <a href="/fifth-post">Fifth post</a>
</body>
</html>

Getting started

You can create a new template on the your blog’s dashboard. You can make changes to a template using the online editor, or you can sync the template’s source files to your blog’s folder and edit them directly. All of Blot’s templates are dedicated to the public domain so you can modify and share them freely.

How Blot works

The template system sits on top of a plain, old-fashioned static file server. In fact, if you disable your blog’s template, Blot serves the contents of your blog’s folder as-is.

Read more about how Blot works

Rendering templates

Blot’s templates will be familiar to those who have worked with other blogging platforms. They are written in Mustache and consist of tags which look like {{this}}. These tags are replaced with the data generated by Blot when the template is rendered.

Read about rendering templates

Reference