Modern blog theme is designed for use with Jekyll. Jekyll is a powerful static site generator that makes it easy to create and maintain a blog or personal website. With this theme, you'll be able to quickly set up a sleek and professional-looking blog that is fully customizable to suit your needs.
Jekyll is built with Ruby, so you will need to have Ruby installed on your computer. You can download the latest version of Ruby from the official website. Follow the instructions below for complete setup.
- (Optional) Create a new Jekyll site:
jekyll new my-site
- Replace the current theme in your
Gemfile
withgem "jekyll-theme-clean-blog"
. - Install the theme (run the command inside your site directory):
bundle install
- Replace the current theme in your
_config.yml
file withtheme: jekyll-theme-clean-blog
. - Build your site:
bundle exec jekyll serve
Assuming 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 tolayout: home
about.html
- set tolayout: page
contact.html
- set tolayout: page
posts/index.html
- set tolayout: page
(you will also need to create aposts
directory)
-
Configure the
index.html
front matter. Example:--- layout: home background: '/PATH_TO_IMAGE' ---
-
Configure the
about.html
,contact.html
, andposts/index.html
front matter. Example:--- layout: page title: Page Title description: This is the page description. background: '/PATH_TO_IMAGE' ---
-
Create a new markdown file in the _posts directory with the naming convention YYYY-MM-DD-title.md.
-
At the top of the file, add the following front matter:
For each post in the
_posts
directory, update the front matter. Example:--- layout: post title: "Post Title" subtitle: "This is the post subtitle." (optional) date: YYYY-MM-DD HH:MM:SS background: '/PATH_TO_IMAGE' ---
-
Write your post in markdown
For reference, look at the repository to see how the files are set up.
- 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:baseurl
url
title
email
description
author
twitter_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!
The modern blog theme is designed for use with Jekyll, a powerful static site generator that makes it easy to create and maintain a blog or personal website. With this theme, you'll be able to quickly set up a sleek and professional-looking blog that is fully customizable to suit your needs. The theme is built with the latest web technologies, including HTML, CSS, and JavaScript, and is fully responsive, ensuring that your site looks great on any device. Additionally, it's made with Bootstrap, a widely used open-source front-end framework, which makes it easy to customize the look and feel of your site.
Copyright 2013-2021 Start Bootstrap LLC. Code released under the MIT license.