이 웹사이트/블로그는 직접 만들고 배포했습니다.

목적

  • 직접 만들고 배우면서 웹 기본에 대해 배우기
  • 플랫폼 의존성에서 벗어나기
    • 옵시디언에만 의존하기
    • 블로그 프로젝트는 템플릿/오픈소스로 활용할 수 있도록 만들기
  • 글 편하게 쓰고 배포할 수 있는 환경 구축

웹사이트 구성

  • 홈페이지
  • 블로그 포스팅 목록
    • 포스팅 상세
  • 블로그 포스팅 태그 목록
    • 태그 별 포스팅 목록

글 쓰고 배포하는 과정

  1. 옵시디언에서 글을 작성한다.
    • Single Source of Truth 원칙.
  2. 파일 제목은 블로그 주소(slug)가 된다.
  3. frontmatter를 작성한다.
    • created
    • updated
    • title
    • tags(optional)
    • visibility(optional)
  4. 옵시디언의 포스트 파일들을 블로그 프로젝트 posts 디렉토리로 복사
  5. 블로그 프로젝트에서 빌드 스크립트 실행
  6. 배포
    • Mini PC에 셀프 호스팅 중.
    • 웹 서버는 Nginx
    • 빌드된 파일을 웹 루트(var/www/html)에 복사

블로그 개발, 유지보수, 확장

Tech Stack

History

  • 2025-11 블로그 프로젝트 초안 작성
  • 2025-11-23
    • theme 변경 기능 추가
    • 외부/내부 이미지 렌더링 기능 추가
    • google analytics 추가
    • 이미지 사이즈 조절 가능
    • Lighthouse 돌리고 접근성, SEO 개선
  • 2025-11-24
    • mermaid에 controller 추가
    • mermaid 다크 모드 가독성 문제 있는 것 고치는 중. 커스텀 스타일링 때문에 생긴 문제였음.
    • Blog에 heading에 앵커 링크를 추가하는 작업.
  • 2025-11-25
    • 소스코드 리팩터링 중.
      • 모듈화
      • 타입스크립트로 포팅.
  • 2025-11-26
    • visibility 기능 추가
  • 2025-11-27
    • 본문 tag 기능 추가
  • 2025-11-28
    • 외부/내부 링크 구분
    • 하루 단위로 내가 몇 자(또는 단어)를 추가했는지 트랙킹하는 기능
    • content(md 파일과 assets)를 블로그 프로젝트 바깥에 별도로 관리
  • 2025-11-29
    • 배포를 위한 옵시디언 플러그인 개발, 완성
  • 2025-11-30
    • 모바일 옵시디언에서 블로그를 배포하기 위한 작업
    • 서브도메인 도입을 위한 고민 (아래는 예시)