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.
jekyll new my-site
Gemfile
with gem "jekyll-theme-clean-blog"
.bundle install
_config.yml
file with theme: jekyll-theme-clean-blog
.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 to layout: home
about.html
- set to layout: page
contact.html
- set to layout: page
posts/index.html
- set to layout: page
(you will also need to create a posts
directory)Configure 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'
---
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.
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.