is a minimal blog starter theme for Gridsome, inspired by the design of the Ghost theme, and styled with .

is a Vue.js-powered, modern site generator for building the fastest possible websites for any Headless CMS, APIs or Markdown-files. Gridsome makes it easy and fun for developers to create fast, beautiful websites without needing to become a performance expert.

Installation

After installing Gridsome, run:

Then, and to start a local development server.

Alternatively, you can clone or download the .

Features

Configuration

You'll need to change some Bleda defaults before deploying your own site.

Google Analytics

If you want to use Google Analytics, make sure to change the default tracking code in :

To disable GA, simply comment out or delete that entire code block.

Sitemap

Bleda uses Gridsome's official sitemap plugin. Simply change the default in , and you're all set:

When you build the site, a will be automatically generated at the root of your site. Read more in the .

RSS Feed

Update the feed title and all the default URLs, in :

Customisation

Old content alert

Posts that are over one year old will show a warning like this one:

This is a flexible alert component, defined in and pulled into :

The computed property uses , so you can customise it to any date you need.

The prop can be any color name from your config. If you omit it, the alert will use blue as a fallback.

Post dates in your language

Open and your after the import:

For the single post view, do the same in .

Advanced customisation

The is a great place to start. You will need to be familiar with Vue.js, mostly. Tailwind CSS is very easy to pick up. For advanced customisation, you'll also need to know a bit about GraphQL.