Publish:

ํƒœ๊ทธ: ,

์นดํ…Œ๊ณ ๋ฆฌ:

jekyll ๋ธ”๋กœ๊ทธ์— carousel ์ ์šฉํ•˜๊ธฐ

์„ค์ •์ถ”๊ฐ€

ํŽ˜์ด์ง€์— ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๋ฅผ ์„ค์ •์„ ์ถ”๊ฐ€ํ•œ๋‹ค.

1
2
3
4
5
6
7
8
carousels:
- images: 
  - image: /assets/images/image-1.jpg
    url: post-name-1
  - image: /assets/images/image-2.jpg
    url: post-name-2
  - image: /assets/images/image-3.jpg
    url: post-name-3

carousel.html ํŒŒ์ผ ์ค€๋น„

์•„๋ž˜ ํŒŒ์ผ์„ ๋‹ค์šด๋ฐ›์•„ _includes ํด๋” ์•„๋ž˜์— carousel.html ๋กœ ์ €์žฅํ•œ๋‹ค.

ํŒŒ์ผ์€ ์—ฌ๊ธฐ์„œ ๋‹ค์šด๋กœ๋“œ ํ•œ๋‹ค.

์‚ฌ์šฉ

์•„๋ž˜์ฒ˜๋Ÿผ include ํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์˜ต์…˜๋„ ์žˆ๋Š”๊ฒƒ ๊ฐ™๋‹ค.

  
    {% include carousel.html height="50" unit="%" duration="7" number="1" %}
  

reference

๋ฐฉ๋ฌธํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๋Œ“๊ธ€,์ง€์ ,ํ”ผ๋“œ๋ฐฑ ์–ธ์ œ๋‚˜ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค๐Ÿ˜Š

๋Œ“๊ธ€๋‚จ๊ธฐ๊ธฐ