[RUBY] Create a blog with Jekyll and GitHub Pages @ Theme setting

Create a blog with Jekyll and GitHub Pages @ Theme setting

Hi! This is Shirokuma @ Cucumber.

Last synopsis

Last time installed Ruby on a personal computer and built a Jekyll environment. Also, a repository is created on GitHub, and Push in the initial state is finished. See the previous article for details.

What to do this time

We will improve this too simple theme!

Search for a theme

First of all, I will search for a theme that feels like "this is it!"

There are a lot of them on this site, so let's find them.

• jamstackthemes.dev
• jekyllthemes.org
• jekyllthemes.io
• jekyll-themes.com

If you find it, download the repository for that theme and unzip it.

By the way, I used this theme Galada.

Apologies to everyone here

In the previous article, I was hoping to hit various commands and start a local server, but that is a ** operation check to see if Jekyll is installed properly! !! !! ** ** Everyone who expected that to become a site as it is,

** Super Super Ultra Hyper I'm sorry! !! !! !! !! !! !! !! !! !! !! !! ** **

Apply

I will copy and paste the expanded contents in a primitive way. ** Erase all the contents of the repository once ** and expand the contents of the zip you answered earlier. I think you don't have to keep README.md separately. Like this, push all the folders on the right to the left. (This is the image before erasing everything and plunging into it.)

Now let's check if it works properly. Looking at the README.md for the theme I chose,

To run the theme locally, navigate to the theme directory and run bundle install to install the dependencies, then run jekyll serve or bundle exec jekyll serve to start the Jekyll server.

Translation: To make it work in your local environment, in that directory

python

$ bundle install

And then

python

$ jekyll serve

Ka

python

$ bundle exec jekyll serve

Please ☆

It was said that, when I hit these at the command prompt as instructed, This time it's done!

Edit _config.yml

Edit _config.yml in the directory. The writing method is as shown in the example. I think there are various additions depending on the template, but please read the README of the template and do your best.

python

title:This is the blog name
description:Please explain
baseurl: "" #Only double quotes are fine
url: "https://hogehoge.github.io/"

Post

Basically, you can post an article by creating a markdown in the _post folder and pushing it remotely. As for the format, this depends on the template used, so refer to the README for that template.

design

I think that you may change the design slightly to your liking based on the template. In that case, please play with css by yourself. I will omit how to play with it. (I don't think people who can't mess with it at all will not create a blog on GitHub Pages.) My template uses scss, and the design collapsed and I got stuck for a moment, but once I installed Node.js, it worked fine. It's done.

Summary

――GitHub Pages and Jekyll that can be customized so far for free are amazing! --Clone the template and copy and paste it to your repository. --If it doesn't work, read the README carefully!

This is Shirokuma @ Cucumber!

Notice

Shirokuma @ Cucumber's Blog is a blog created through this article. I will do my best to update it, so please come!