[Github 블로그 리모델링] 4. 페이지 생성

1. 페이지 생성

Imgur

이전 화면에서, 추가적으로 내 블로그의 컨텐츠 메뉴들을 생성할 필요가 있었고 따라서 새로운 페이지를 블로그 내 생성하고자 했다.

_data/navigation.yml 이라는 파일을 새로 만들고, 생성할 페이지의 제목 및 링크를 아래 형식으로 작성했다.

main:
  - title: "Home"
  - url: https://rlagksqls17.github.io/
  - title: "Project"
  - url: /project/
  - title: "Fixbug"
  - url: /fixbug/
  - title: "Note"
  - url: /note/
  - title: "profile"
  - url: /profile/

이후에는 아래와 같이 각 페이지 이름을 가지는 markdown 파일을 만들면 된다.

---
layout: project
title: Project
permalink: /project/
---

Project 페이지입니다.

예를 들어, project 페이지를 만들고 싶으면 위와같이 문장을 작성하고, rlagksqls17.github.io/project.md 라는 파일에 저장하면 된다.

2. 페이지 링크 생성

아래는 header.html의 일부내용이다.

<header class="site-header">
  <div class="header-wrapper"><nav class="site-nav">
        <span id="menu">
          <!-- 코드 생략 -->
        </span>

        <ul class="page-trigger">
          <li><a class="page-link" href="/">Home</a></li>
          <li><a class="page-link" href="/project">Project</a></li>
          <li><a class="page-link" href="/fixbug">Fixbug</a></li>
          <li><a class="page-link" href="/note">Note</a></li>
          <li><a class="page-link" href="/profile">Profile</a></li>
        </ul>
      </nav></div>
</header>