Labor 테마 — Notion 설정값 가이드
themes/labor 테마에서 Notion 설정 테이블(Config Table) 로 바꿀 수 있는 값들을 설정명 ↔ 값 예시 쌍으로 정리했습니다.
설정 방법
Notion 설정 페이지의 테이블에 행을 추가합니다.
| 사용(Enable) | 설정명(Name) | 설정값(Value) |
|---|---|---|
✅ Yes | LABOR_HERO_LEFT_BANNER_IMAGE | https://example.com/left.jpg |
- 사용 칸은 정확히
Yes여야 적용됩니다. - 우선순위: Notion 설정값 > 테마
config.js기본값. (Notion에 없으면config.js값이 적용) - 값 타입
- 문자열: 그대로 입력 (
tangly1024,https://...) - 불리언:
true/false - 배열·객체: JSON 문자열(큰따옴표). 예:
[{"title":"공지","url":"https://..."}]
- 문자열: 그대로 입력 (
type=Config페이지가 여러 개면 첫 번째 1개만 읽으므로 한 페이지에 모으세요.
1. 레이아웃 · 일반
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_HOME_POST_TWO_COLS | true | 홈 블로그 글 목록 2열 표시 (false면 1열) |
LABOR_LOADING_COVER | true | 페이지 로딩 시 마스크 애니메이션 |
LABOR_SITE_CREATE_TIME | 2026-06-17 | 사이트 개설일(운영 일수 계산) |
LABOR_HERO_REVERSE | false | 히어로 좌·우 컴포넌트 위치 반전 |
LABOR_HERO_BODY_REVERSE | false | 본문 영역 좌·우 컴포넌트 위치 반전 |
2. 공지 바 (상단 스크롤)
| 설정명 | 값 예시 (JSON) | 설명 |
|---|---|---|
LABOR_NOTICE_BAR | [{"title":"환영합니다","url":"https://blog.example.com"},{"title":"문서 보기","url":"https://docs.example.com"}] | 비우려면 [] |
3. 히어로 좌측 광고 배너
이미지가 비면 그라데이션 배경. URL이 외부(http)면 새 탭으로 열림.
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_HERO_LEFT_BANNER_IMAGE | /images/labor/left.webp | 배경 이미지(URL/경로). 비우면 그라데이션 |
LABOR_HERO_LEFT_BANNER_TITLE_1 | 블로그 | 소형 타이틀(상단) |
LABOR_HERO_LEFT_BANNER_TITLE_2 | 프로그래밍 공유 그리고 사고와 인지 | 대형 타이틀 |
LABOR_HERO_LEFT_BANNER_URL | / | 클릭 시 이동 링크 |
4. 히어로 우측 광고 배너
좌측과 동일 구조, 독립 설정.
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_HERO_RIGHT_BANNER_IMAGE | /images/labor/right.webp | 배경 이미지. 비우면 그라데이션 |
LABOR_HERO_RIGHT_BANNER_TITLE_1 | 새 버전 출시 | 소형 타이틀 |
LABOR_HERO_RIGHT_BANNER_TITLE_2 | NotionNext 4.0 손쉬운 커스터마이징 | 대형 타이틀 |
LABOR_HERO_RIGHT_BANNER_URL | https://example.com | 클릭 시 이동(외부면 새 탭) |
5. 히어로 상단 고정 카테고리 (3개)
값은 {title, url} 객체의 JSON 문자열.
| 설정명 | 값 예시 (JSON) | 설명 |
|---|---|---|
LABOR_HERO_CATEGORY_1 | {"title":"필독 추천","url":"/tag/필독"} | 첫 번째 카테고리 버튼 |
LABOR_HERO_CATEGORY_2 | {"title":"인기 글","url":"/tag/인기"} | 두 번째 |
LABOR_HERO_CATEGORY_3 | {"title":"실용 가이드","url":"/tag/실용"} | 세 번째 |
6. 우측 프로필 카드
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_INFOCARD_GREETINGS | ["안녕하세요! 저는","🔍 공유와 도움","🤝 디자인 전공"] | 인사말 배열(클릭 시 자동 전환) |
LABOR_INFO_CARD_URL1 | https://example.com/about | 버튼1 링크 |
LABOR_INFO_CARD_ICON1 | fas fa-user | 버튼1 아이콘(FontAwesome) |
LABOR_INFO_CARD_URL2 | https://github.com/your-id | 버튼2 링크 |
LABOR_INFO_CARD_ICON2 | fab fa-github | 버튼2 아이콘 |
LABOR_INFO_CARD_URL3 | https://example.com | 버튼3(더 알아보기) 링크 |
LABOR_INFO_CARD_TEXT3 | 더 알아보기 | 버튼3 텍스트 |
7. 소셜 · 커뮤니티 카드
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_SOCIAL_CARD | true | '커뮤니티 참여' 카드 표시 여부 |
LABOR_SOCIAL_CARD_TITLE_1 | 인사관리 | 소형 타이틀 |
LABOR_SOCIAL_CARD_TITLE_2 | 스마트 인사관리 | 대형 타이틀 |
LABOR_SOCIAL_CARD_TITLE_3 | 커뮤니티 참여하기 | 버튼 텍스트 |
LABOR_SOCIAL_CARD_URL | https://www.facebook.com/your-page | 버튼 링크 |
8. 하단 통계 패널 문구
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_POST_COUNT_TITLE | 글 수: | 글 수 라벨 |
LABOR_SITE_TIME_TITLE | 사이트 개설 일수: | 운영 일수 라벨 |
LABOR_SITE_VISIT_TITLE | 방문수: | 방문수 라벨 |
LABOR_SITE_VISITOR_TITLE | 방문자수: | 방문자수 라벨 |
9. 메뉴 표시
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_MENU_INDEX | true | 홈 메뉴 |
LABOR_MENU_CATEGORY | true | 카테고리 메뉴 |
LABOR_MENU_TAG | true | 태그 메뉴 |
LABOR_MENU_ARCHIVE | true | 아카이브 메뉴 |
LABOR_MENU_SEARCH | true | 검색 메뉴 |
10. 글 목록
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_POST_LIST_COVER | true | 목록에 글 커버 표시 |
LABOR_POST_LIST_COVER_HOVER_ENLARGE | false | 마우스 호버 시 커버 확대 |
LABOR_POST_LIST_COVER_DEFAULT | true | 커버 없으면 사이트 배경을 기본 커버로 |
LABOR_POST_LIST_SUMMARY | true | 글 요약 표시 |
LABOR_POST_LIST_PREVIEW | false | 목록에서 본문 미리보기 |
11. 글 상세
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_ARTICLE_ADJACENT | true | 이전/다음 글 추천 |
LABOR_ARTICLE_COPYRIGHT | true | 저작권 안내 |
LABOR_ARTICLE_NOT_BY_AI | false | '비AI 작성' 표시 |
LABOR_ARTICLE_RECOMMEND | true | 연관 글 추천 |
12. 위젯 (플로팅 버튼 등)
| 설정명 | 값 예시 | 설명 |
|---|---|---|
LABOR_WIDGET_TO_COMMENT | true | 댓글 영역 이동 버튼 |
LABOR_WIDGET_DARK_MODE | true | 다크 모드 토글 |
LABOR_WIDGET_TOC | true | 모바일 플로팅 목차 |
⚠️ 코드 미참조 키 (설정해도 효과 없음)
config.js에 정의되어 있으나 현재 테마 코드가 읽지 않는 키입니다. Notion에 넣어도 동작하지 않습니다.
| 설정명 | 비고 |
|---|---|
LABOR_HOME_BANNER_ENABLE | 히어로 표시는 홈 라우트(/)로만 결정 |
LABOR_POST_LIST_IMG_CROSSOVER | 목록 이미지 좌우 교차(미구현) |
LABOR_WIDGET_LATEST_POSTS | 최신 글 카드(항상 표시) |
LABOR_WIDGET_ANALYTICS | 통계 카드(미사용) |
LABOR_WIDGET_TO_TOP | 맨 위로 버튼(미참조) |
참고:
config.js의 "아래 설정은 무효, 개발용 예약일 뿐" 주석은 부정확합니다. 9~12절의LABOR_MENU_*·LABOR_POST_LIST_*·LABOR_ARTICLE_*·일부LABOR_WIDGET_*키는 실제로 코드가 사용합니다(위 5개만 진짜 미참조).