More Premium Hugo Themes Premium Jekyll Themes

Jekyll Cards Boilerplate

A card theme for Jekyll made awesome using Bulma.

Jekyll Cards Boilerplate

A card theme for Jekyll made awesome using Bulma.

Author Avatar Theme by burden
Github Stars Github Stars: 7
Last Commit Last Commit: Jul 28, 2020 -
First Commit Created: Apr 29, 2023 -
Jekyll Cards Boilerplate screenshot

Overview

The Jekyll Cards Boilerplate is a card theme for Jekyll that utilizes the Bulma framework. It provides a user-friendly and customizable way to display content in a card format. With features such as dependency management, asset pipeline, testing, analytics, search, and comments, it offers a robust solution for creating engaging and interactive websites.

Features

  • Bulma 0.7.4: The theme is built on the Bulma CSS framework, providing a responsive and modern design.
  • jQuery 3.2.1: jQuery is included for enhanced interactivity and dynamic functionality.
  • Dependency management: The theme utilizes Bower to manage dependencies efficiently.
  • Asset pipeline: Jekyll Assets is used to handle the asset pipeline, making it easy to organize and process assets.
  • JS uglifier: The theme includes JS uglifier to minimize JavaScript code for improved performance.
  • HTML compression: The theme utilizes compress.html to compress HTML code for faster page loading.
  • Testing: The theme includes html-proofer for testing and validating HTML files to ensure quality and consistency.
  • Analytics: Google Analytics integration allows for tracking and analyzing website traffic and user behavior.
  • Search: Simple Jekyll Search is included for adding search functionality to the website.
  • Comments: Disqus integration allows for easy implementation of comments on the website.

Installation

To install the Jekyll Cards Boilerplate theme, follow these steps:

  1. Install the Bundler gem by running the command gem install bundler in your command line.
  2. Install Bower globally by running npm install -g bower.
  3. Clone the theme repository from GitHub.
  4. Open the cloned repository in your terminal.
  5. Run bundle install to install the necessary Ruby gems.
  6. Run bower install to install the theme’s dependencies.
  7. Configure the cards in the _config.yml file.
  8. Save your cards as YAML files in the src/_data folder.
  9. Customize the metadata for each card.
  10. Build and serve your website using Jekyll to see the generated card pages.

Summary

The Jekyll Cards Boilerplate is a powerful theme for Jekyll that leverages the Bulma framework to provide a visually appealing and feature-rich card-based design for websites. With easy installation instructions and a range of customizable features, it allows users to create engaging and interactive websites with minimal effort.