tutorials

How to install jekyll

Jekyll is one of static site generators that you can use to install and build static website or blog. It transforms a plain text into static websites or blogs and can be hosted for free on Github pages or Netlify. Using static websites enable the web page load faster than dynamic websites.

There are many Jekyll themes to choose from or you can build one that suits your style.

Here is a step by step on how to install Jekyll:

  1. Go to http://rubyinstaller.org/downloads/ to download
  2. Before installing ruby, make sure to check off add ruby executables to your PATH and Install Ruby
  3. Type cmd.exe to search and launch the command prompt
  4. Type cd users -> cd my pc -> cd desktop -> blog C:\Users\my pc\desktop\blog>
  5. Install Jekyll C:\Users\my pc\desktop\blog\gem install jekyll bundler
  6. Create Jekyll theme C:\Users\my pc\desktop\blog\Jekyll new my-awesome-site
  7. Go to blog my-awesome-site C:\Users\my pc\desktop\blog>cd my-awesome-site
  8. Preview your blog C:\Users\my pc\desktop\blog\my-awesome-site>bundle exec jekyll serve
  9. Now browse to http://localhost:4000
  10. Alternatively, you can download my Jekyll theme from here https://github.com/yourfreebies/bloggy
  11. Click download and unzip it.
  12. You can copy and paste everything inside the folder into a blog folder of your choice in your computer such as C:\Users\my pc\desktop\blog>
  13. Install Jekyll-paginate C:\Users\my pc\desktop\blog>gem install jekyll-paginate
  14. Preview the blog and make changes C:\Users\my pc\desktop\blog>bundle exec jekyll serve
  15. Now browse to http://localhost:4000

How to host your Jekyll blog or website on Github pages

  1. Create an account in Github.com
  2. On your profile, click on the plus sign on top of your profile and create a new repository.
  3. Name your repository
  4. You can tick off initialize this repository with a README
  5. Download Github Desktop
  6. Sign in with your account on Github Desktop
  7. Click the plus sign on the left top of the Desktop app and choose which repository you want to clone and clone it into the repository of your choice on your computer.
  8. You can copy all the files that you have created before and paste them on the folder.
  9. Go to Desktop app and type the summary and description and click “commit to master” or click commit to any branch of your choice.
  10. Click publish

Option

You can use command lines instead of using GitHub Desktop

  1. Download and install the latest version of Git here
  2. Set username in Git
  3. Set commit email address in Git
  4. Authenticating with Github using HTTPS or SSH For more read the information here

You can also use command lines through Git Shell by clicking the tools and options on the right top of the GitHub Desktop app.

Subscribe to iBlogger

Get the latest posts delivered right to your inbox