More Premium Hugo Themes Premium Vue Themes

Gridsome Starter Bleda

Gridsome blog starter, built with Tailwind CSS

Gridsome Starter Bleda

Gridsome blog starter, built with Tailwind CSS

Author Avatar Theme by cossssmin
Github Stars Github Stars: 184
Last Commit Last Commit: May 10, 2021 -
First Commit Created: Apr 22, 2023 -
Gridsome Starter Bleda screenshot

Overview

Bleda is a blog starter theme for Gridsome, which is inspired by the Attila Ghost theme and styled with Tailwind CSS. It offers several features and customization options to create a beautiful and functional blog website. With Bleda, you can easily deploy your blog to Netlify, customize the appearance, and make use of various elements like sitemap, RSS feed, Google Analytics, code syntax highlighting, and more.

Features

  • Single Post: Bleda provides a dedicated page layout for showcasing individual blog posts.
  • Blog Archive: You can create an archive page to display all your blog posts in a clean and organized manner.
  • Tags Archive: Bleda allows you to create a separate archive page for blog posts based on their tags.
  • Author Archive: With Bleda, you can showcase all the blog posts written by a specific author in an author archive page.
  • Sitemap: The theme includes a sitemap feature that automatically generates a sitemap for search engine optimization.
  • RSS Feed: Bleda supports the generation of an RSS feed, allowing users to subscribe to your blog.
  • Google Analytics: You can integrate Google Analytics to track and analyze visitor data on your blog.
  • Custom 404 Page: Bleda provides a customizable 404 page to handle unrecognized URLs.
  • Open Graph Meta Tags: The theme includes Open Graph meta tags for better social media sharing and preview of your blog posts.
  • Code Syntax Highlighting: Bleda supports syntax highlighting for code snippets within your blog posts.
  • Parallax Post Image Covers: You have the option to use parallax effect for post image covers, creating an attractive visual experience.
  • Option for Fullscreen Covers: Bleda offers the choice to use fullscreen image covers for blog posts.
  • Medium-like Image Lightbox: The theme provides a user-friendly image lightbox feature similar to Medium, allowing users to view images in a larger format.
  • Taxonomies: Tags and Authors: Bleda supports taxonomies in the form of tags and authors, enabling you to categorize and filter your blog posts.
  • Approximate Read Time for Posts: You can display the estimated read time for each blog post, enhancing user experience.
  • Post Excerpts: Bleda gives you the option to display post excerpts automatically or define them manually.
  • Paginated Blog, Tag, and Author Archives: The theme supports pagination for blog posts, tag archives, and author archives, providing seamless navigation for users.
  • Easily Show Post Dates in Your Locale: Bleda uses moment.js to easily display post dates in your preferred locale.
  • Post Warning for Older Posts: You can configure Bleda to display a warning on blog posts that are older than a specified time (default: 1 year).

Installation

To install Bleda, it is recommended to use the gridsome create command, which automatically removes the .git folder and installs NPM dependencies. Alternatively, you can clone the Bleda repository and set it up manually.

  1. Install Bleda using the gridsome create command:
gridsome create my-blog https://github.com/bleda-theme/bleda
  1. Clone the Bleda repository and set it up manually:
git clone https://github.com/bleda-theme/bleda.git
cd bleda
npm install

Summary

Bleda is a modern and feature-rich blog starter theme for Gridsome. It offers a range of customization options, including various page layouts, sitemap generation, RSS feed support, Google Analytics integration, code syntax highlighting, and more. With Bleda, you can easily create a professional-looking blog and enhance the user experience with features like parallax image covers, image lightbox, and post excerpts. The installation process is straightforward, and you can choose between using the gridsome create command or manually cloning the theme repository.