Thumbnail 이미지 예제
Frontend 초안 (Draft)

Thumbnail 이미지 예제

· 1분 읽기

Thumbnail 이미지 사용하기

이 포스트는 상단에 멋진 썸네일 이미지가 표시됩니다!

사용 방법

1. 외부 이미지 URL 사용

Front Matter에 thumbnail 필드를 추가하세요:

---
layout: post.njk
title: 포스트 제목
thumbnail: https://example.com/image.jpg
---

2. 로컬 이미지 사용

src/assets/images/ 폴더에 이미지를 저장하고:

---
layout: post.njk
title: 포스트 제목
thumbnail: /assets/images/my-image.jpg
---

추천 이미지 크기

  • 비율: 16:9 (예: 1600x900px)
  • 최소 크기: 800x450px
  • 최대 용량: 500KB 이하 권장

무료 이미지 사이트

  • Unsplash - 고품질 무료 이미지
  • Pexels - 다양한 무료 사진
  • Pixabay - 무료 이미지와 일러스트

이미지가 없으면?

Thumbnail을 지정하지 않으면 기본 아이콘이 표시됩니다. 걱정하지 마세요!

야근반장

야근반장

프로그래밍과 데이터 분석을 좋아하는 개발자입니다. 낮에도 밤에도 코딩하는 주경야근 라이프를 살고 있습니다.

GitHub