Dusko Pijetlovic

My personal notes where I store things I find interesting or might need in the future.

Setting Up GitHub Pages Website with Jekyll

08 Mar 2022 » howto, tutorial, ruby, git, github

OS: FreeBSD 13
Shell: csh

Steps:

  1. Install Ruby and Jekyll (including rubygem-bundler)
  2. Create or Clone your GitHub Jekyll repository
  3. cd into the cloned repository
    • Run your local Jekyll server:
      bundle exec jekyll serve
  4. Open your local site in a Web browser: http://localhost:4000
  5. To stop the local Jekyll server:
    press ctrl-c

$ sudo pkg install ruby rubygem-jekyll rubygem-bundler
$ git clone https://github.com/duskopijetlovic/duskopijetlovic.github.io
$ cd ~/duskopijetlovic.github.io/
$ bundle exec jekyll serve

Open your local site in a Web browser: http://localhost:4000

To stop the local Jekyll server: press ctrl-c


Add Custom Domain in GitHub Pages

Add www.duskopijetlovic.com in the repo’s Settings:
Go to the project ‘duskopijetlovic/duskopijetlovic.github.io’:
Pages > Custom domain: www.duskopijetlovic.com
Click ‘Save’

Wait a couple of minutes for DNS check to complete.


Pushing Updates to GitHub Pages

% cd ~/duskopijetlovic.github.io/
% git status
% git config --list
% git add .
% git commit -a
% git push

Cloning the Website and then Pushing Updates to GitHub Pages

% cd
% pwd
/usr/home/dusko
% git clone https://github.com/duskopijetlovic/duskopijetlovic.github.io
% cd ~/duskopijetlovic.github.io/
% git status
% git config --list
% git add .
% git commit -a
% git push

Running Jekyll on a Local System

% bundle exec jekyll serve

Server address: http://127.0.0.1:4000/ so to access the website, in your Web browser:

http://localhost:4000/

or

http://127.0.0.1:4000/

References:

All references below retrieved on Mar 7, 2022.

Setting Up Github Pages site with Jekyll Tutorial

Setting Up Github Pages site with Jekyll Tutorial for Absolute Beginner

Minimal tutorial on making a simple website with GitHub Pages

Simple site - Easy websites with GitHub Pages

You have already activated X, but your Gemfile requires Y

Jekyll-Bootstrap – The quickest way to start and publish your Jekyll powered blog. 100% compatible with GitHub pages

Using Jekyll with Bundler

Jekyll Themes

Search for Jekyll Themes

Step by Step Tutorial

Jekyll-Now – Build a Jekyll blog in minutes, without touching the command line

Markdown Style Guide - Jekyll Now

GitHub Pages - Dependency versions