Folder Structure

📂 /_data/config.yml

Contains almost all configurations for the site and all the translatable texts.

I actually could use the /_config.yml which is the one provided by Jekyll, but this default config file would not be updated on live reload, so yeah, why not just create a better one 😎

📂 /_includes

Here you can find all snippets (pieces of HTML, functions) used on this site.

📂 /_layouts

• base.html contains the full html body: head, header, and footer,
• Others contain the main content of each page.

Via the Front Matter, you can set the additional stylesheet, or even load another header in each layout.

---
layout: base
css:
- "/assets/css/posts.css"
header: "header-home.html"
---

📂 /_posts

Store all of your posts. Read more about Jekyll Posts.

📂 /assets

Contains stylesheets, scripts and images.

📂 /tags

Contains the layout for tag pages. Jekyll on GitHub does not provide a tag/category system, so we have to do this pretty manually.

For each tag you want to use in your posts, you have to create a new markdown file with the name is the slug version of your tag. And the Front Matter of that file will be like this:

---
layout: tag-archive
---

📄 index.html

📄 404.md, about.md, contact.md, typography.md

📄 _config.yml