Blog on Jekyll and GitHub Pages

Introduction

Hello! This is Shirokuma @ Cucumber.

By the way, I am posting to Qiita in this way, but I often want to post things other than programming. Twitter has only 140 characters, so it can't carry as much information as information.

** Let's make a blog! !! !! !! !! !! !! !! (Madness)**

Basic knowledge

What is GitHub Pages?

It is a site that GitHub side will publish as a nice site by creating a public repository on GitHub and putting an html file in it. I don't know about the magic behind it, but that's what it is ()

Then what is Jekyll?

It's a useful guy when creating a static site. Without this, you would have to mess around with html to describe your style in order to create your site. He is a strong man who can take over this work and write it in Markdown. I'm not sure, but it's okay to move.

Things to prepare

--PC with Git installed (I'm Windows for financial reasons) --GitHub account

Motivation

Is it like this?

Environment

Ruby installation

First, go to this site (Ruby Downloads) and download Ruby that suits your environment. Basically, I think the latest version is fine. After downloading, open it. (Administrator privileges were not required.)

Agree appropriately, Next! Let's go! I will proceed. Gently close it when you're done.

Then at the command prompt,

$ ruby -v

Hit

ruby 2.7.2p137 (2020-10-01 revision 5445e04352) [x64-mingw32]

If you get back, maybe there is.

Jekyll installation

At the command prompt

$ gem install jekyll bundler

And hit. If you wait for a while, various things will come out. It will end soon.

Repository creation

Create a repository appropriately. In my case, I chose "shirokuma-89.github.io". It's possible to do something else, but I think there's a reason to do it for some other reason. Of course, let's keep it public. Clone the resulting repository with SourceTree or whatever. Open a terminal in that repository and

$ jekyll new hogehoge

Type. And after a while, I think that a folder called hogehoge is created in the directory cloned earlier, so pull out the contents and pull it directly under hogehoge.github.io. You can delete the empty hogehoge folder.

Go to the cloned directory

$ jekyll serve

Will launch the localhost at http://127.0.0.1:4000/. Let's check it out.

** I did it! (≧ ▽ ≦) **

If you can, commit and push. At this time, you can go directly to master (laughs)

Repository settings

Go to the repository settings page, scroll down and

If this happens, you are successful! Initial setting completed!

Summary

It went smoothly unexpectedly. If you have any questions, feel free to comment! wait. See you!

Next time preview

We will set the theme for Jekyll! Creating a blog with Jekyll and GitHub Pages @ Theme setting

Create a blog with Jekyll and GitHub Pages @ Initial Settings