Frontend 초안 (Draft)

2024년 포스트 예제

· 1분 읽기

포스트 디렉토리 구조

포스트가 많아지면 관리가 어려워집니다. 연도별로 디렉토리를 만들어 정리하세요!

디렉토리 구조 예시

src/posts/
├── 2024/
│   ├── post-1.md
│   ├── post-2.md
│   └── post-3.md
├── 2025/
│   ├── post-4.md
│   └── post-5.md
└── drafts/
    └── draft-post.md

장점

  1. 쉬운 관리 - 연도별로 포스트를 찾기 쉽습니다
  2. 자동 인식 - Eleventy가 자동으로 모든 하위 디렉토리를 스캔합니다
  3. 유연성 - 카테고리별, 주제별 등 원하는 대로 구조화 가능

설정

.eleventy.js 파일에서 다음과 같이 설정되어 있습니다:

eleventyConfig.addCollection("blog", function(collection) {
  return collection.getFilteredByGlob("src/posts/**/*.md")
    .sort(function(a, b) {
      return b.date - a.date;
    });
});

**/*.md 패턴이 모든 하위 디렉토리의 마크다운 파일을 찾아줍니다!

야근반장

야근반장

프로그래밍과 데이터 분석을 좋아하는 개발자입니다. 낮에도 밤에도 코딩하는 주경야근 라이프를 살고 있습니다.

GitHub