Gridsome Starter Bleda

screenshot of Gridsome Starter Bleda
gridsome
vue
tailwind

Gridsome blog starter, built with Tailwind CSS

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).

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.

gridsome
Gridsome

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.