테마 커스터마이징

CSS, 헤더/푸터 HTML, 광고 삽입으로 블로그 외관을 자유롭게 꾸밀 수 있습니다. 대시보드 > 설정 > 테마에서 편집하거나 블로그 API를 통해 설정할 수 있습니다.

기본 테마

Postlark 기본 테마에는 다음 기능이 포함되어 있습니다:

반응형 타이포그래피 (화면 크기에 따라 자동 조절)
자동 다크모드 (prefers-color-scheme)
코드 블록 구문 강조 + 복사 버튼
읽기 진행 바
본문 건너뛰기 링크 (접근성)
반응형 이미지

커스텀 CSS

대시보드 > 설정 > 테마 > 커스텀 CSS에서 편집하거나, API로 설정할 수 있습니다:

curl -X PUT https://api.postlark.ai/v1/blogs/BLOG_ID \
  -H "Authorization: Bearer pk_live_xxxxxxxxxxxx" \
  -H "Content-Type: application/json" \
  -d '{
    "theme_config": {
      "customCss": "body { font-family: Georgia, serif; } h1 { color: #1a1a2e; }"
    }
  }'

헤더 & 푸터 HTML

대시보드 > 설정 > 테마에서 커스텀 네비게이션이나 푸터를 추가하거나, API로 설정할 수 있습니다:

{
  "theme_config": {
    "headerHtml": "<nav><a href='/'>Home</a> | <a href='/about'>About</a></nav>",
    "footerHtml": "<footer>&copy; 2026 My Blog</footer>"
  }
}

광고 코드

대시보드 > 설정 > 테마 > 광고 코드에서 광고 네트워크 코드(예: Google AdSense)를 삽입하거나, API로 설정할 수 있습니다:

{
  "theme_config": {
    "adCode": "<ins class='adsbygoogle' data-ad-client='ca-pub-xxx'></ins>"
  }
}

광고 코드는 포스트 본문과 댓글 섹션 사이에 렌더링됩니다.

배지

플랜	배지
Free, Starter	”Powered by Postlark” 배지 표시
Creator+	배지 제거