blog update 404

• https://chinsun9.github.io/404

• 기존에는 iframe으로 배너메이커를 보여줬다
• hexo 프론트 메터를 layout: false로 설정해 내가 원하는 대로 커스텀할 수 있었다
• 당시에는 404 페이지에 넣을 내용도 없고 당시 만들었던 배너메이커를 자랑하고자 했다
• 근데 블로그와 404페이지는 아무 관계가 없는 것처럼 느껴졌다
• 그래서 이번엔 layout: true 레이아웃을 하면서 간단한 css 이펙트를 넣어보자 생각했다

typewriter animation

• Kevin Powell 의 https://youtu.be/w1nhwUGsG6M 영상을 보고 따라 했다

hexo front-matter

• 내 환경은 다음과 같다

  • hexo: 5.4.0
  • hexo-cli: 4.2.0

404.html

---
title: 404
widgets: null
comment: false
article:
  - license: false
---

• 404 화면에 위젯, 코멘트, 라인센스 영역을 없애기 위해 설정했다
• title은 넣어주면 head의 title tag에 반영되어서 넣어줬다

404.html

<style>
  h1.title {
    display: none;
  }
</style>

• 실제 포스트 영역에서 보이지 않게 했다

참고

• https://youtu.be/w1nhwUGsG6M
• https://chinsun9.github.io/2020/09/21/커스텀-404-페이지-만들기/