Jekyll Gallery

2022-06-18 최대 1 분 소요

겔러리 삽입법 정리

둘 이상의 이미지가 있는 배열의 선택적 캡션을 사용하여 <그림> 요소를 생성합니다. 갤러리를 배치하려면 필요한 YAML Front Matter를 추가합니다.

gallery:
  - url: /assets/images/unsplash-gallery-image-1.jpg
    image_path: /assets/images/unsplash-gallery-image-1-th.jpg
    alt: "placeholder image 1"
    title: "Image 1 title caption"
  - url: /assets/images/unsplash-gallery-image-2.jpg
    image_path: /assets/images/unsplash-gallery-image-2-th.jpg
    alt: "placeholder image 2"
    title: "Image 2 title caption"
  - url: /assets/images/unsplash-gallery-image-3.jpg
    image_path: /assets/images/unsplash-gallery-image-3-th.jpg
    alt: "placeholder image 3"
    title: "Image 3 title caption"

그리고 갤러리에 드롭인(drop-in)을 하면 원하는 본문이 나타납니다.

Name	필수	설명
url	옵션	URL to link gallery image to (eg. a larger detail image).
image_path	필수	Full path to image eg: /assets/images/filename.jpg. Use absolute URLS for those hosted externally.
alt	옵션	Alternate text for image.
title	옵션	Title text for image. Will display as a caption in a Magnific Popup overlay when linked to a larger image with url.