How to Install Jekyll Static Website Generator on Ubuntu 20.04

This note refers from this Youtube tutorial. Some details are a little bit different and I hope this can help you build up and debug your website or blog on your local server(You can also use Git to push your updated file to Github, but this would take a few minutes to see the actual update on your online web):

1. Open a terminal(ignore the conda environment you already installed, just use the default environment)

   

2. sudo apt install make build-essential curl git tree -y

   

3. sudo apt install ruby ruby-dev -y

   

4. gedit ~/.bashrc Then you will open a file named .bashrc, go to the bottom of the file and then add these two lines on that:

   export GEM_HOME=$HOME/gems

   export PATH=$HOME/gems/bin:$PATH

   

5. source ~/.bashrc to update your .bashrc file.

6. gem install jekyll bundler

   

7. Then, install jerkII through sudo apt install jekyll

8. Then, you can download the example web project from their official website to test whether your installation is successful.

   jekyll new jekyll.example.com

   

9. Then use tree jekyll.example.com to see the website project structure.
10. Go to the example project cd jekyll.example.com, then run bundle add webrick to install webrick.

11. Finally, you can run the example web project on your local server by running jekyll serve --host=0.0.0.0

    (Note: you may occur this problem as the picture shown below:

    

No worry about that~ Just close the terminal and then open a new terminal again in your project location to run the same command, then you will see:

The website can been seen on your default browser as shown below:

———————–UPDATE———————————-

Sometimes when you may meet the problem like that:

No worry about that, you can just change the input command like this:

bundle exec jekyll serve --host 0.0.0.0

Then the problem will be dealt with.