Dd:Dd
TECH REVIEW XYZ+

TECH

Jekyll Custom Layout 적용하기

Jekyll · 2021

1 _config.yml에 기본으로 설정된 테마를 제거하고

_config.yml

    title: {project title}
    baseurl: {project baseurl}
    url: {project url}
    
    theme: {project theme} # ← remove!

_config.yml을 수정하면 서버를 다시 껏다 켜야 적용됨

2 프로젝트 루트 경로에 _layouts 디렉토리와 그 하위에 적용할 레이아웃 파일을 사용할 레이아웃명과 동일한 파일명으로 추가한 다음

    project
    ├─ _layouts
        ├─ layout_name.html        
    ├─_config.yml
    ├─ index.md

layout_name.html

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>Dd:Dd</title>
        </head>
        <body>
            <nav>
                <a href="/">Home</a>
            </nav>
            <footer></footer>
        </body>
    </html>

3 적용하고자 하는 글에 적용하면 끗

post.md

    ---
    layout: layout_name
    title:  title
    date:   2021-02-23
    ---

레이아웃명이 default인 경우에는 따로 지정하지 않아도 바로 전체에 적용됨

Reference

# jekyll # custom # layout