Blog Setup using Jekyll - Learning Experience

Jekyll Installation is simple.


  1. Install Ruby
  2. $sudo gem install jekyll
  3. $sudo jekyll new website_name
  4. $sudo jekyll serve

Above command will host the static site in local host

what is Jekyll ? It is a static website ( website using plain html) generator.

What are the default folders ?

  1. config.yml (yaml format - improved version of json)
  2. _layouts folder can be created
  3. _posts - contain the writing content or pages of the website.
  4. _data can be used for overall variables used in site.
  5. _sass is for the sass based css generator
  6. assets and images are folders used to have extra content related resources

What is Bootstrap ? Why so much craze on this new topic called bootstrap, to understand this we need to know what is responsive pages.

What is Responsive Pages ? The site will change its content size based on the device screen size.

What i understood from BootStrap, BootStrap is a collection of opensource java scripts, which will generate css, along with html for creating responsive pages.

Responsive pages helps to view content on mobile/desktop seamlessly.

Jekyll Bootstrap

A blogger with same idea as mine, posted how to use the bootstrap with jekyll on github pages.

Using Bootstrap with CSS.

First Success with :

But Better to integrate Jekyll with Bootstrap 4, or latest version as per link below. above link needs some understanding of jekyll and how it works, so it may not work in first shot. !!

Common Erros and Resolution:

  4. One Guys has done extensive liquid markup coding in link