Jekyll - 태그 또는 카테고리당 게시물 수를 표시하는 방법

My Changelog website은 온라인에서 모든 창작 작업을 추적하는 곳입니다. 여기에는 내가 만든 모든 기사, 뉴스레터 에디션, 디지털 제품 및 프로젝트에 대한 링크가 포함되어 있습니다.

내가 선택한 정적 사이트 생성기인 Jekyll 에 빌드했습니다.

사이트를 구축할 때 탐색해야 했던 첫 번째 장애물 중 하나는 stats page 을 표시하는 방법이었습니다. 이것은 몇 가지 다른 매개 변수로 내 모든 콘텐츠를 요약합니다. 태그뿐만 아니라 카테고리 별 게시물 수를 표시하고 싶었습니다.

다음은 카테고리 및 태그당 게시물 수 표시 설정을 완료한 방법입니다.

사이트 구조

Changelog 사이트에서 설정하는 방법에 대한 요약부터 시작하겠습니다.

다음 태그가 있습니다.

코딩

창조

디자인

마일스톤

생산성

이것들은 내가 가장 자주 이야기하는 주요 버킷 또는 주제 역할을 합니다. 당신이 원한다면 내 틈새 시장.

마일스톤은 약간 다릅니다. 트위터 팔로워 500명을 달성하거나 미디엄 팔로어를 늘리는 것과 같이 축하하고 싶은 다양한 마커를 나타냅니다.

그런 다음 범주가 있습니다.

기사

북 노트

디지털 제품

Github 레포

뉴스레터

웹사이트

이것들은 내가 만든 콘텐츠의 유형을 나타냅니다.

다음은 최종 결과를 보여주는 내 통계 페이지의 스크린샷입니다.



보시다시피 각 구성 요소는 태그/카테고리 이름과 해당 태그/카테고리 아래의 게시물 수를 표시합니다.

각 구성 요소에는 탐색에 도움이 되는 관련 태그/카테고리 페이지에 대한 링크도 있습니다.

자세한 내용은 사이트의 라이브 버전을 확인하는 것이 좋습니다. Changelog Stats

태그별 게시물 수 표시

이보다 더 간단할 수는 없습니다. 다음 코드만 추가하면 됩니다.

{{ site.tags.Creation | size }}

"Creation"을 태그 이름으로 바꾸십시오. 잠재적으로 여기까지 올 수 있는 유일한 것은 태그 이름의 철자를 잘못 입력하는 것이므로 다시 한 번 확인하십시오.

카테고리별 게시물 수 표시

카테고리별 게시물 수는 마찬가지로 구현하기 쉽습니다. 다음 코드를 사용하십시오.

{{ site.categories.Article | size }}

다시 말하지만, 여기에서 맞춤법을 다시 확인하십시오. 이것은 일반적으로 나를 넘어뜨리는 것입니다.

모든 게시물의 게시물 수 표시

웹사이트의 모든 게시물 수를 확인하려면 다음 코드를 사용하세요.

{{ site.posts | size }}}

초간단👍

특정 태그를 제외한 모든 게시물 수 계산

여기 여러분에게 도움이 될 재미있는 것이 있습니다.

내 홈페이지에는 내 사진이 있고 그 아래에는 레벨 카운터가 있습니다. 내 콘텐츠 제작을 시도하고 게임화하기 위해 이것을 설정했습니다. 레벨이 높을수록 내가 만든 콘텐츠가 많아집니다.



이를 달성하기 위해 마일스톤 유형의 게시물을 제외한 모든 게시물을 집계해야 했습니다(이는 내가 만든 콘텐츠가 아니라 이벤트일 뿐입니다).

의사 코드는 다음과 같습니다. 내 현재 수준 = 모든 게시물 - 마일스톤 게시물. 그런 다음 10으로 나눕니다(이 단계는 선택 사항입니다).

이를 위해 사용한 코드는 다음과 같습니다.

 {% assign count_posts = site.posts | size %}

 {% assign milestone_posts = site.tags.Milestone | size %}

 {% assign total_posts = count_posts | minus: milestone_posts %}

 <span class="font-bold pl-2">Level {{ total_posts | divided_by: 10 }}</span>

꽤 멋지죠?

"Milestone"태그를 자신의 태그로 바꾸십시오.

귀하의 경우 표시할 수준을 결정하기 위해 추가한 "divided_by: 10"이 필요하지 않을 수 있습니다.


이 기사가 도움이 되었기를 바랍니다. 저는 항상 Jekyll 웹사이트 구축을 위한 새로운 팁과 기술을 찾고 있으며 이를 여러분과 공유할 수 있어서 정말 기쁩니다!

이 내용이 마음에 드셨다면 도움이 될 만한 다른 사람과 공유해 보세요 🤗

이 문서는 원래 내 웹사이트에 게시되었습니다: Jekyll - How To Display A Count Of Posts Per Tag Or Category