arrow_back 아카이브로 돌아가기

SvelteKit 기반 정적 블로그 템플릿입니다

"글 설명입니다 글 설명입니다 글 설명입니다 글 설명입니다 글 설명입니다"

Elixir Evo Journal

SvelteKit 기반 정적 블로그 템플릿입니다. @sveltejs/adapter-static으로 전체 사이트를 prerender하고, GitHub Pages에 GitHub Actions로 배포하며, Pages CMS에서 Markdown 콘텐츠를 편집할 수 있게 구성되어 있습니다.

Stack

  • SvelteKit + @sveltejs/adapter-static
  • GitHub Pages deployment via .github/workflows/deploy.yml
  • Pages CMS via root .pages.yml
  • Markdown posts in content/posts
  • DeepL translation sync into content/translations/<locale>/posts

Local development

SH
bun install
bun run dev

Pagefind 검색 인덱스는 정적 빌드 후 생성됩니다. 검색 기능까지 확인하려면 아래 흐름을 사용합니다.

SH
bun run build
bun run preview

등록된 번역 언어 파일까지 로컬에서 갱신하려면 DeepL API 키를 넣고 아래 명령을 실행합니다.

SH
DEEPL_API_KEY=your-key bun run translate:posts

Content structure

  • content/site.json: 사이트 제목, 설명, URL 같은 메타 정보
  • content/posts/*.md: frontmatter + Markdown 본문
  • content/translations/<locale>/posts/*.md: DeepL이 생성하고 커밋하는 언어별 번역본
  • static/uploads: CMS 업로드 이미지

포스트 frontmatter에는 카테고리와 별도로 여러 태그를 둘 수 있습니다. 태그는 # 없이 저장하고 화면에도 dev처럼 표시됩니다.

Pages CMS에서는 Tags 컬렉션에서 태그를 먼저 만들고, 포스트 편집 화면의 Tags 필드에서 여러 개를 선택합니다.

YAML
category: Technical
tags:
  - dev
  - git

한 줄 문자열 형태도 가능합니다.

YAML
tags: 'dev, git'

Conversation

의견을 남겨보세요