Code Monkey home page Code Monkey logo

fredericx172.github.io's Introduction

Based off Start Bootstrap - Clean Blog - Official Jekyll Version

Clean Blog 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 Square Zero!

Preview

Clean Blog (Jekyll) Preview

Installation & Setup

Using RubyGems:

When installing the theme using RubyGems, demo images, posts, and pages are not included. Follow the instructions below for complete setup.

  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: bundle install
  4. Replace the current theme in your _config.yml file with theme: jekyll-theme-awesome.
  5. Build your site: bundle exec jekyll serve

Assuming there are no errors and the site is building properly, follow these steps next:

  1. Create the following pages if they do not exist already (or change the extension of exsiting 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)
  2. Configure the index.html front matter. Example:
---
layout: home
background: '/PATH_TO_IMAGE'
---
  1. 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'
---
  1. 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.

  1. Build your site: bundle exec jekyll serve

Using Core Files

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.

  1. Download or Clone the repository.
  2. Update the following configuration settings in your _config.yml file:
    • baserul
    • url
    • title
    • email (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)
    • description
    • author
    • twitter_username (Optional)
    • facebook_username (Optional)
    • github_username (Optional)
  3. Build your site: bundle exec jekyll serve

Bugs and Issues

Please credit the thumbnail artists if you do use others' work. Have a bug or an issue with this template? Open a new issue here on GitHub!

About

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, Owner of Blackrock Digital.

Square Zero Theme built by surajk95. Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.

Copyright and License

Copyright 2013-2018 Blackrock Digital LLC. Code released under the MIT license.

fredericx172.github.io's People

Contributors

fredericx172 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.