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!

image.png

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.

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. image.png 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, image 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!

Recommended Posts

Create a blog with Jekyll and GitHub Pages @ Theme setting
Create a blog with Jekyll and GitHub Pages @ Initial Settings
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
Create a JVM for app distribution with JDK9 modules and jlink
[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 ~
[Java] Create a jar file with both compressed and uncompressed with the jar command
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
Create a simple gateway server by setting masquerade with firewall-cmd of CentOS8
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 web application with Dropwizard
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]
Creating a Payjp Customer and setting default_card