Home Jekyll Chirpy
Post
Cancel

Jekyll Chirpy

Hello World!

This is my first post on my github page. This page is generated using jekyll chirpy. This is an instruction about how to write a post.

Check their github: https://github.com/cotes2020/jekyll-theme-chirpy

Techno Tim’s tutorial on Jekyll helped me setting this up. https://youtu.be/F8iOU1ci19Q

Jekyll

Jekyll is a static site generator. It takes test written in your favorite markup language and uses layouts to create a static website.

Writing a New Post

A new post is written in markdown language. Detailed documentation: https://chirpy.cotes.page/posts/write-a-new-post/

Font Size

Font Size can be controlled using “#”

1
2
3
4
5
6
#:      H1
##:     H2
###:    H3

# example
# Hello World //It will be printed with size of H1

Categories and Tags

1
2
categories: [TOP_CATEGORIE, SUB_CATEGORIE]
tags: [TAG]     # TAG names should always be lowercase

Categories are designed to contain up to 2 elements. There can be 0 ~ infinite number of tags. For example, this page’s categories is

1
2
categories: [Projects, Github Page]
tags: [github,page,jekyll,chirpy,daehwan,kim,david]     # TAG names should always be lowercase

Image

We should set width and heigh of an image.

![Desktop View](/assets/img/sample/mockup.png){: w="700" h="400" }

Position of Image

By default, the image is centered, but it could be set to ‘normal’, ‘left’, and ‘right’.

![Desktop View](/assets/img/sample/mockup.png){: .left }

Image Path

We can define image path to save some time in the YAML block of the post.

1
2
3
---
img_path: /img/path/
---

Inline Code

'inline code part'

Filepath Highlight

`/path/to/a/file.extend`{: .filepath}

Code Block

’```’ can create code block

// ``` C++ (specify language)
std::cout << "Hello World!" << std::endl;
// ```

Running on local machine

1
2
bundle // Installing dependencies
bundle exec jekyll s // Running local Server

Local Server address: http://127.0.0.1:4000

This is pretty much what I will be using for this github page. More information about how to post can be found here. https://chirpy.cotes.page/posts/write-a-new-post/

This post is licensed under CC BY 4.0 by the author.