Skip to content
A Saber theme for blogging, based on Jigsaw's Blog Template.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
example chore: 0.5 support May 8, 2019
src pass route prop May 8, 2019
.gitignore chore: 0.5 support May 8, 2019
package.json Publish May 8, 2019
postcss.config.js feat: improve css performance May 2, 2019
tailwind.js initial commit May 1, 2019

Tailsaw: Saber Blog Starter Template

This is a starter template for creating a beautiful, customizable blog in Saber with minimal effort. It is based on the Blog Template for Jigsaw. See the demo.


yarn add saber-theme-tailsaw

Then, in your Saber config file:

theme: tailsaw

This starter template includes samples of common page types, and comes pre-configured with:

  • A fully responsive theme
  • Tailwind CSS, a utility CSS framework that allows you to customize your design without touching a line of CSS
  • Syntax highlighting using Prism
  • Progress bar and page transition
  • A custom 404 page
  • A component for accepting newsletter signups
  • A sample contact form

Coming soon:

  • A search bar which indexes your content automatically and requires zero configuration
  • RSS feed and sitemap generator
  • Config options

Adding Content

You can write your content using a variety of file types. Your content is located in the pages/_posts/ folder.

The top of each content page contains a YAML header that specifies how it should be rendered. The title attribute is used to dynamically generate HTML title and OpenGraph tags for each page. The layout attribute defines which parent layout this content file will render with (e.g. post will render with theme/layouts/post.vue).

title: First Post
layout: post
date: 2019-04-29
author: Jane
  - meta
slug: first-post
cover: /cover-1.png
featured: true

Adding Assets

You can easily include assets in your posts, just by linking to their relative location. Cover images need to be located in the public folder for now, until frontmatter asset loading is implemented.

Building Your Site

Now that you know how to customize your content, let’s build the site.

yarn build

Your built site is under public/.

You can’t perform that action at this time.