tutorial, website,

Build your website with Jekyll

Jing Chi Jing Chi Follow Aug 06, 2019 · 2 mins read
Build your website with Jekyll
Share this

Why you need a personal website?

  • Blog everything you like and share them with your friends
  • Show your products online and extend your business
  • Make money with your website by adertisement or sell your own products (virtual or non-virtual)

About Jekyll

Jekyll is a simple, extendable, static site generator. You give it text written in your favorite markup language and it churns through layouts to create a static website. Throughout that process you can tweak how you want the site URLs to look, what data gets displayed in the layout, and more.

Build your website (on Windows, it should be similar for other platforms):

Download and install ruby

  • Go to Ruby official website
  • Select a proper version, e.g. Ruby+Devkit X.X.X (x64) installer
  • Install it by click Next …

Note: for other platforms, follow the Guide on this page

Install bundler

  • Click Windows Start button (on the most bottom left)
  • Input cmd.exe and Enter to run it
  • On the popup window, input and run gem install bundler
  • Don’t close this window, we’ll use it again later

Download a Jekyll theme and build it

  • Go to the page mundana-theme-jekyll
  • Click Clone or download > Download ZIP
  • Unzip the downloaded file to a folder, assume that it is d:\mundana-theme-jekyll
  • Open and edit the file d:\mundana-theme-jekyll\Gemfile
  • Add gem 'tzinfo' to the file at the end
  • On the opened cmd.exe window, input and run
    d:
    cd d:\mundana-theme-jekyll
    bundle install
    
  • When the installations are done, build and run the website using the following command
    bundle exec jekyll server
    
  • On your Browser, such as Chrome, open the website http://127.0.0.1:4000/mundana-theme-jekyll screenshot 01 02 03

Customize the website as you like

~ TBD ~

Host your website

bundle exec jekyll build to build your website, and now everything you need is in the folder d:\mundana-theme-jekyll\_site, and what you need to do next is to upload the contents in this folder to a website hosting.

There’re many website hosting provider, you can select one and host your website on it. e.g. bluehost.com is a great one.

Alternative, if you’re familiar with building up a virtual machine of Linux or Windows (VPS), you can select linode.com to run a web server on it.

To Be Done for more details.