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-tailsawThen, in your Saber config file:
theme: tailsaw
plugins:
- saber-plugin-query-posts
- saber-plugin-prismjs
# If you want to enable local search:
- saber-plugin-searchThis 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
- A search bar which indexes your content automatically (when
saber-plugin-searchis used) - Progress bar and page transition
- A custom 404 page
- A component for accepting newsletter signups
- A sample contact form
Coming soon:
- RSS feed and sitemap generator
- Config options
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
categories:
- meta
slug: first-post
featured: true
assets:
cover: ./first-post.png
---
You can easily include assets in your posts, just by linking to their relative location.
Now that you know how to customize your content, let’s build the site.
yarn buildYour built site is under public/.
![dependabot-preview[bot] avatar](https://avatars.githubusercontent.com/in/2141?v=4 "dependabot-preview[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
krmax44
issuehunt
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent