Startbootstrap Clean Blog Jekyll

screenshot of Startbootstrap Clean Blog Jekyll
bootstrap
scss

A Jekyll version of the Clean Blog theme by Start Bootstrap

Overview:

Clean Blog Jekyll is a stylish and responsive blog theme for Bootstrap created by Start Bootstrap. It features a blog homepage, about page, contact page, and example post page, along with a working contact form powered by Formspree. This version of Clean Blog is the official Jekyll version developed by Start Bootstrap.

Features:

  • Blog homepage
  • About page
  • Contact page
  • Example post page
  • Working contact form powered by Formspree

Option 1: Using RubyGems

  1. (Optional) Create a new Jekyll site: jekyll new my-site
  2. Replace the current theme in your Gemfile with gem "jekyll-theme-clean-blog".
  3. Install the theme by running the following command inside your site directory: bundle install
  4. Replace the current theme in your _config.yml file with theme: jekyll-theme-clean-blog.
  5. Build your site by running the command: bundle exec jekyll serve.
  6. Create or update the necessary pages with the specified layouts in the front matter.
  7. For each post in the _posts directory, update the front matter accordingly.
  8. Add the form code to the contact.html page and configure the email setting in your _config.yml file.
  9. Build your site again by running: bundle exec jekyll serve.

Option 2: Using Core Files

  1. Download or clone the Clean Blog Jekyll repository.
  2. Update the necessary configuration settings in your _config.yml file, such as baseurl, url, title, email, and social media usernames.
  3. Build your site by running the command: bundle exec jekyll serve.
  4. Customize the content of the pages and posts to fit your needs.

Summary:

Clean Blog Jekyll is a stylish and responsive blog theme for Bootstrap. It offers a range of features including different pages, a working contact form, and easy installation through either RubyGems or the use of core files. With its clean and modern design, Clean Blog Jekyll is a great choice for creating a professional blog website.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.