DEV Community

Cover image for Build Free Blog Page with Jekyll
Furkan Bayram
Furkan Bayram

Posted on • Updated on

Build Free Blog Page with Jekyll

Hi everybody, Firstly, I tell about what is Jekyll? What should we use?

Jekyll is a tool that allows us to create static web pages developed by Github with ruby. When we entered Jekyll's official website, we saw, "Transform your plain text into static websites and blogs." It is completely free and has a considerable number of users. Without further ado, I want to talk about how to install jekyll, how to make it work .

💨

NOTE: I use Debian 9, So I will make my narration on Linux operating systems.

Advantage/Disadvantage

+ ⭐

As with WordPress, you don't have to deal with plugins. You produce your content, Jekyll will do the rest. When you do not tire the server with the plugins and do not require a database on top, the sites you will create with Jekyll will be very high performance.

- 🔥

It is not so easy to install a plugin / theme with one click, as in WordPress platform, you should know a little technical information about HTML - CSS - JS-Ruby photos server configuration.

Install Jekyll 💫

If you want to use Jekyll, you need to install ruby to the computer.


su // you need to be root on the system to install ruby

Enter fullscreen mode Exit fullscreen mode

It will ask us for our system password. After entering, we press enter and continue.


apt-get install ruby-full // installing ruby

exit // exit root.

Enter fullscreen mode Exit fullscreen mode

After installing Ruby, we exit root mode with the exit command.


gem install jekyll  // install jekyll

Enter fullscreen mode Exit fullscreen mode

NOTE: The reason I passed these places quickly is that there is a lot of resources and documentation on the internet. If you get an error or encounter a problem, you can contact me on my social media accounts. I try to help as much as I can.

Create a Jekyll Project 💥


jekyll new project_name // create project

cd project_name // go to project folder

jekyll serve // run project

Enter fullscreen mode Exit fullscreen mode

We created our first project with the new command. Then we go into the folder where we created our project and run our project with the jekyll serve command.

Bash

If we get an output like above, our site has been created and working successfully.
If we open our browser and enter localhost:4000 in the address bar, our site will open.

Bash 2

And our site is ready. In the next articles, I will explain what the folders in the project do, how to use a ready-made theme, how to publish it on github and how to use our own domain name.

If you are still here thank you for reading :)

Top comments (1)

Collapse
 
jhermann profile image
Jürgen Hermann

BTW, fastpages from fast.ai does this purely based on GitHub actions.