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/