Blog Awesome의 WordPress에서 Eleventy로의 마이그레이션 과정에서, 블로그 포스트의 헤더 이미지와 배경색을 자동으로 매칭시키기 위해 extract-colors 패키지를 사용했습니다. 이 패키지는 이미지의 색상을 추출하여 CSS 테마에 활용할 수 있게 해줍니다. get-pixels 패키지를 업데이트하여 Node.js 전용 버전을 만들었고, 이를 기반으로 @11ty/image-color 패키지를 개발했습니다. 이 패키지는 Eleventy 프로젝트에서 이미지의 색상을 추출하고, 이를 통해 헤더 배경색이나 스크린샷 테두리 색상을 자동으로 설정할 수 있게 합니다. 추가적으로, 색상 필터링을 통해 적절한 테두리 색상을 선택하는 기능도 포함되어 있습니다.
1개의 좋아요