eleventy Let's Learn 11ty Part 2: 부분, 스타일링 및 이미지 지난 기사에서 우리는 우리 사이트의 기초를 설정했습니다. 이제 좀 더 멋지게 만들기 위해 더 추가할 예정입니다. 부분 파일은 탐색, 바닥글과 같이 많이 변경되지 않는 사이트 전체에서 반복되는 정보/데이터를 포함하는 파일입니다. 이제 사이트를 좀 더 잘 구성할 때입니다. 내비게이션을 먼저 만들어 봅시다 우리의 src 폴더에서 about.md 파일을 만들고 여기에 넣습니다. 이제 _include... ssgeleventywebdev Let's Learn 11ty Part 10: 모두 함께 가져오기 지난 기사에서 우리는 외부 데이터를 사용하여 사이트의 게시물을 렌더링했습니다. 알아차리셨다면 이전에 게시물 하단에 있던 멋진 이전/다음 게시물이 없습니다. 이것이 이 기사의 주요 초점입니다. 먼저 로컬 게시물을 사용하여 게시물 페이지 매기기가 이전에 어떻게 생겼는지 살펴보겠습니다. 위에서 우리는 Eleventy의 초석 중 하나인 컬렉션을 사용하고 있었습니다. 이 방법은 Hashnode에서 가... ssgtutorialeleventywebdev Eleventy의 캐시 무효화: Sass를 사용한 더 간단한 방법 2020년 말에 I Eleventy 사이트의 CSS에서 "캐시 무효화"를 수행하여 대부분의 웹 브라우저가 최신 스타일을 안정적으로 표시하도록 하는 방법에 대해 설명했습니다. 게다가 SSG의 내장된 자산 파이프라인인 을 통해 에서 수행할 수 있는 방법보다 훨씬 복잡합니다. : 및 에 의해 최근 도입된 두 가지 Eleventy 플러그인의 형태로 제공됩니다. 전자는 Sass-to-CSS 컴파일을 ... eleventycsscachesass Eleventy에 FaunaDB 연결 네, 데이터가 있습니다.많지는 않지만 충분히 보여줄 수 있다.어떻게 Eleventy에 들어갑니까?Eleventy의 더 재미있는 특징 중 하나는 입니다.이 파일들은 사이트의 나머지 부분에 데이터를 제공한다.예를 들어, 하드 인코딩된 제품을 만들어서 제품이라고 명명할 수 있습니다.json: 정적 데이터는 매우 유용할 수 있지만, 분명히 우리는 FaunaDB 데이터를 사용할 수 있기를 희망한다.일... staticsiteseleventyfaunada Eleventy 웹사이트에 생성기 메타 태그 추가 그들이 당신을 위해 생성한 HTML 코드를 본 적이 있습니까? 나는 실제로 그랬고 그들이 모든 HTML 페이지의 HEAD 블록에 다음과 같은 흥미로운 코드를 추가했던 것을 기억합니다. 이 태그는 실제로 페이지의 모양과 느낌에 아무런 영향을 미치지 않지만 호기심 많은 사람(예: HTML 코드에 숨어 있는 사람)에게 웹사이트를 생성하는 데 사용된 도구를 알려주는 데 사용됩니다. 그렇다면 Elev... staticsiteeleventyjamstackjavascript
Let's Learn 11ty Part 2: 부분, 스타일링 및 이미지 지난 기사에서 우리는 우리 사이트의 기초를 설정했습니다. 이제 좀 더 멋지게 만들기 위해 더 추가할 예정입니다. 부분 파일은 탐색, 바닥글과 같이 많이 변경되지 않는 사이트 전체에서 반복되는 정보/데이터를 포함하는 파일입니다. 이제 사이트를 좀 더 잘 구성할 때입니다. 내비게이션을 먼저 만들어 봅시다 우리의 src 폴더에서 about.md 파일을 만들고 여기에 넣습니다. 이제 _include... ssgeleventywebdev Let's Learn 11ty Part 10: 모두 함께 가져오기 지난 기사에서 우리는 외부 데이터를 사용하여 사이트의 게시물을 렌더링했습니다. 알아차리셨다면 이전에 게시물 하단에 있던 멋진 이전/다음 게시물이 없습니다. 이것이 이 기사의 주요 초점입니다. 먼저 로컬 게시물을 사용하여 게시물 페이지 매기기가 이전에 어떻게 생겼는지 살펴보겠습니다. 위에서 우리는 Eleventy의 초석 중 하나인 컬렉션을 사용하고 있었습니다. 이 방법은 Hashnode에서 가... ssgtutorialeleventywebdev Eleventy의 캐시 무효화: Sass를 사용한 더 간단한 방법 2020년 말에 I Eleventy 사이트의 CSS에서 "캐시 무효화"를 수행하여 대부분의 웹 브라우저가 최신 스타일을 안정적으로 표시하도록 하는 방법에 대해 설명했습니다. 게다가 SSG의 내장된 자산 파이프라인인 을 통해 에서 수행할 수 있는 방법보다 훨씬 복잡합니다. : 및 에 의해 최근 도입된 두 가지 Eleventy 플러그인의 형태로 제공됩니다. 전자는 Sass-to-CSS 컴파일을 ... eleventycsscachesass Eleventy에 FaunaDB 연결 네, 데이터가 있습니다.많지는 않지만 충분히 보여줄 수 있다.어떻게 Eleventy에 들어갑니까?Eleventy의 더 재미있는 특징 중 하나는 입니다.이 파일들은 사이트의 나머지 부분에 데이터를 제공한다.예를 들어, 하드 인코딩된 제품을 만들어서 제품이라고 명명할 수 있습니다.json: 정적 데이터는 매우 유용할 수 있지만, 분명히 우리는 FaunaDB 데이터를 사용할 수 있기를 희망한다.일... staticsiteseleventyfaunada Eleventy 웹사이트에 생성기 메타 태그 추가 그들이 당신을 위해 생성한 HTML 코드를 본 적이 있습니까? 나는 실제로 그랬고 그들이 모든 HTML 페이지의 HEAD 블록에 다음과 같은 흥미로운 코드를 추가했던 것을 기억합니다. 이 태그는 실제로 페이지의 모양과 느낌에 아무런 영향을 미치지 않지만 호기심 많은 사람(예: HTML 코드에 숨어 있는 사람)에게 웹사이트를 생성하는 데 사용된 도구를 알려주는 데 사용됩니다. 그렇다면 Elev... staticsiteeleventyjamstackjavascript