Create a blog with Jekyll and GitHub Pages @ Initial Settings

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

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. image.png After downloading, open it. (Administrator privileges were not required.)

Agree appropriately, Next! image.png Let's go! image.png I will proceed. image.png 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. image.png 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. image.png Clone the resulting repository with SourceTree or whatever. image.png 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.

image.png

** 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

image.png

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

Recommended Posts

Create a blog with Jekyll and GitHub Pages @ Initial Settings
Create a blog with Jekyll and GitHub Pages @ Theme setting
Tutorial to create a blog with Rails for beginners Part 1
Create a playground with Xcode 12
Tutorial to create a blog with Rails for beginners Part 2
Tutorial to create a blog with Rails for beginners Part 0
I want a quick test S3. Start minio with docker-compose and create a state with an initial bucket.
I tried printing a form with Spring MVC and JasperReports 1/3 (JasperReports settings)
[Swift] Create a project with Xcode (ver 12.1) and display "Hello, World!"
Create a high-performance enum with fields and methods like Java with JavaScript
Create a flyway jar with maven and docker build (migrate) with docker-maven-plugin
Let's create a parameter polymorphic mechanism with Generic Dao and Hibernate
Create a Vue3 environment with Docker!
Create exceptions with a fluid interface
Create a Maven project with a command
Create a simple CRUD with SpringBoot + JPA + Thymeleaf ② ~ Screen and function creation ~
Create a program to post to Slack with GO and make it a container
How to create a server executable JAR and WAR with Spring gradle
[Java] Create and apply a slide master
Create an infinite scroll with Infinite Scroll and kaminari
Create a jar file with the command
[Rails6] Create a new app with Rails [Beginner]
Create a simple on-demand batch with Spring Batch
Create a GUI JSON Viewer with Ruby/GTK3
[Rails withdrawal] Create a simple withdrawal function with rails
Create a MySQL environment with Docker from 0-> 1
Draw a graph with Sinatra and Chartkick
Create a simple bar chart with MPAndroidChart
Create a temporary class with new Object () {}
[Rails 5] Create a new app with Rails [Beginner]