PRD — joonyoungyi.github.io

개인 블로그 / 포트폴리오 사이트.

기술 스택

• Jekyll + GitHub Pages
• kramdown (마크다운), rouge (코드 하이라이팅), KaTeX (수식)
• Homebrew Ruby (/opt/homebrew/Cellar/ruby/)

구현된 기능

포스트 목록 (posts.html)

• 날짜 역순 정렬
• 태그 사이드바 필터 (우측 고정, 모바일 숨김)
  • 포스트가 2개 이상인 태그만 노출
  • 현재 태그: machine-learning, recommender-system, research, culture-interview, ai-organization, data-science, alignment
  • URL 해시로 태그 상태 유지 (뒤로가기 지원)
  • 포스트 내 태그 클릭 시 필터 연동
• 썸네일 이미지 (있을 경우)

포스트 상세 (_layouts/post.html)

• 관련 글 섹션 (related_posts front matter 기반)
• 작성자 표시 (authors front matter)
• 이전/다음 포스트 네비게이션

디자인

• 흰색 헤더/푸터 (구분선으로 분리)
• 최대 너비 700px, 가독성 중심 레이아웃
• 폰트: Spoqa Han Sans Neo (한글), Source Code Pro (코드)
• 모바일 반응형

기타

• robots.txt
• RSS 피드 (jekyll-feed)
• sitemap (jekyll-sitemap)

포스트 front matter 규격

---
layout: post
date: YYYY-MM-DD
title: 제목
authors:
  - zerry
tags: tag1 tag2
excerpt: 한 줄 요약.
last_modified_at: YYYY-MM-DD
thumbnail: /assets/YYYY-MM-DD-slug/image.jpg  # 선택
related_posts:                                  # 선택
  - YYYY-MM-DD-slug
external: true                                  # 외부 링크 포스트만
external_url: https://...                       # 외부 링크 포스트만
---

백로그

• Google Analytics 연동
• 브런치 글 마이그레이션