Skip to content

Layouts

Chelsea Miya edited this page Jul 12, 2023 · 2 revisions

Located:

  • Subdirectory: _layouts
layouts-1

What are layouts for?

  • Create templates for different page layouts e.g. default, exhibit, event
  • Written in html

Liquid

  • Liquid is a templating language used to combine different components into a single page.
  • e.g. the default page includes both 'header' and 'footer'.

Syntax: curly brackets + percentage + 'includes' + .html file

  • {% includes filename.html %}
layouts-2

Markdown

  • Layouts are combined with Markdown pages (.md files).
  • This is where the page content will appear.

Syntax:

  • {{content}}
layouts-3

Anatomy of a Jekyll Site

Updating the Website

Version Control

Additional Resources

Clone this wiki locally