Loading repository data…
StartBootstrap / repository
A Jekyll version of the Clean Blog theme by Start Bootstrap
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Clean Blog Jekyll is a stylish, responsive blog theme for Bootstrap created by Start Bootstrap. This theme features a blog homepage, about page, contact page, and an example post page along with a working contact form powered by Formspree.
This repository holds the official Jekyll version of the Clean Blog theme on Start Bootstrap!
When installing the theme using RubyGems, demo images, posts, and pages are not included. Follow the instructions below for complete setup.
jekyll new my-siteGemfile with gem "jekyll-theme-clean-blog".bundle install_config.yml file with theme: jekyll-theme-clean-blog.bundle exec jekyll serveAssuming there are no errors and the site is building properly, follow these steps next:
Create the following pages if they do not exist already (or change the extension of existing markdown files from .md to .html):
index.html - set to layout: homeabout.html - set to layout: pagecontact.html - set to layout: pageposts/index.html - set to layout: page (you will also need to create a posts directory)Selected from shared topics, language and repository description—not editorial ratings.
StartBootstrap /
A Jekyll version of the Freelancer theme by Start Bootstrap
66/100 healthConfigure the index.html front matter. Example:
---
layout: home
background: '/PATH_TO_IMAGE'
---
Configure the about.html, contact.html, and posts/index.html front matter. Example:
---
layout: page
title: Page Title
description: This is the page description.
background: '/PATH_TO_IMAGE'
---
For each post in the _posts directory, update the front matter. Example:
---
layout: post
title: "Post Title"
subtitle: "This is the post subtitle."
date: YYYY-MM-DD HH:MM:SS
background: '/PATH_TO_IMAGE'
---
For reference, look at the demo repository to see how the files are set up.
Add the form to the contact.html page. Add the following code to your contact.html page:
<form name="sentMessage" id="contactForm" novalidate>
<div class="control-group">
<div class="form-group floating-label-form-group controls">
<label>Name</label>
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="control-group">
<div class="form-group floating-label-form-group controls">
<label>Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="control-group">
<div class="form-group floating-label-form-group controls">
<label>Message</label>
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="form-group">
<button type="submit" class="btn btn-primary" id="sendMessageButton">Send</button>
</div>
</form>
Make sure you have the email setting in your _config.yml file set to a working email address! Once this is set, fill out the form and then check your email, verify the email address using the link sent to you by Formspree, and then the form will be working!
Build your site: bundle exec jekyll serve
When using the core files, the demo images, posts, and pages are all included with the download. After following the instructions below, you can then go and change the content of the pages and posts.
Download or Clone the repository.
Update the following configuration settings in your _config.yml file:
baseurlurltitleemail (after setting this setting to a working email address, fill out the form on the contact page and send it - then check your email and verify the address and the form will send you messages when used)descriptionauthortwitter_username (Optional)facebook_username (Optional)github_username (Optional)linkedin_username (Optional)instagram_username (Optional)Build your site: bundle exec jekyll serve
Have a bug or an issue with this template? Open a new issue here on GitHub!
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Start Bootstrap was created by and is maintained by David Miller.
Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.
Copyright 2013-2021 Start Bootstrap LLC. Code released under the MIT license.