Hexo 블로그 - About 페이지 만들기

About 페이지 만들기

개인 블로그라면,
적어도 간단하게 본인이나 블로그를 소개하는 About 페이지 하나는 있어야 할것 같아서.

About 페이지를 하나 만들어서 적용해 보려 합니다.

페이지에 생성후, 디테일을 한번 수정해 보겠습니다.

About 페이지 생성하기

blog 폴더에서, 아래 명령어를 실행하여, about페이지를 생성합니다.

hexo new page about

생성후에는, blog/source/about/폴더에 index.md가 생성 되어 있습니다.

blog/source/about/index.md파일 수정

categories나 tags 페이지를 만들었을때와 비슷하게 진행 해봅니다.

---
title: about
date: 2020-03-30 20:33:44
type: about
---

Themes _config.yml 파일에서 메뉴 활성화 하기

blog/themes/hexo-theme-next/_config.yml파일을 열어서,

menu부분에, about부분을 활성화 시켜줍니다.

uncomment 처리만 해주면 되겟죠? ㅎㅎ

menu:
  home: / || home
  about: /about/ || user
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap

그런데.. 여기까지 하고 hexo runserver 로 로컬에 들어가서, about 페이지를 확인해 보니,

사이드 메뉴에는 about 메뉴가 뜨는데, 클릭하면, 빈 페이지가 표시됩니다.

어디에 내용을 채워줘야 빈페이지가 표시 되지 않을까요?

index.md 파일에 내용 추가하기

blog/source/about/index.md 파일에, about 페이지에 들어갈 내용을 추가합니다.

index.md 파일에 내용을 추가하면,

about 페이지에 내용이 추가 되어 표시됩니다!

마치며..

about페이지를 생성 하였고, 내용도 추가 하였습니다.

추가된 내용은 잘 표시가 되는것 같으니, 내용을 더 채워 줘야 겠습니다~