📚 [Jekyll] 대표 이미지 만들기

Category: Jekyll | 📅 September 26, 2025

포스트를 만들다 보면 다 유행하고 있는 대표이미지 구성에 대한 내용

이미지를 사용하지 않는 포스트에서 보여줄 기본 이미지 생성

1. _config.yml 수정하기

기본적으로 사용할 이미지를 생성하여 /assets/images/default-image.png 이름으로 저장한다.


default_feature_image: "/assets/images/default-image.png"

2. layout 파일 수정하기


<header class="post-header">
    <h1>{{ page.title }}</h1>
    {% assign feature_img = page.feature_image | default: site.default_feature_image %}

    {% if feature_img %}
      <img src="{{ feature_img }}" alt="{{% page.title %}}">
    {% endif %}
</header>

💭 Reviews
  • 이제 카테고리별로 이미지를 다 만들 수 있게 되었다 ㅋㅋㅋㅋ
  • 🏷️ Tags
  • #대표이미지  
  • #featureImage  
  • #Jekyll  
  • #지킬