Self-Hosted 글쓰기, 위키 웹앱 Bookstack을 Docker-compose로 설치하기

version: "2"
services:
  bookstack:
    image: lscr.io/linuxserver/bookstack
    container_name: bookstack
    environment:
      - PUID=1000
      - PGID=1000
      - APP_URL=${APP_URL}
      - APP_DEFAULT_DARK_MODE=${APP_DEFAULT_DARK_MODE}
      - DB_HOST=bookstack_db
      - DB_PORT=3306
      - DB_USER=bookstack
      - DB_PASS=${DB_PASS}
      - DB_DATABASE=bookstackapp
      - MAIL_DRIVER=${MAIL_DRIVER}
      - MAIL_HOST=${MAIL_HOST}
      - MAIL_PORT=${MAIL_PORT}
      - MAIL_ENCRYPTION=${MAIL_ENCRYPTION}
      - MAIL_USERNAME=${MAIL_USERNAME}
      - MAIL_PASSWORD=${MAIL_PASSWORD}
      - MAIL_FROM=${MAIL_FROM}
      - MAIL_FROM_NAME=${MAIL_FROM_NAME}
    volumes:
      - ./bookstack_app_data:/config      
    ports:
      - 6875:80
    restart: unless-stopped
    depends_on:
      - bookstack_db
  bookstack_db:
    image: lscr.io/linuxserver/mariadb
    container_name: bookstack_db
    environment:
      - PUID=1000
      - PGID=1000
      - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD}
      - TZ=Asia/Seoul
      - MYSQL_DATABASE=bookstackapp
      - MYSQL_USER=bookstack
      - MYSQL_PASSWORD=${MYSQL_PASSWORD}
    volumes:
      - ./bookstack_db_data:/config
    restart: unless-stopped

# .env파일 생성
nano .env

# Basic Settings
APP_URL=https://bookstack.bonik.me # 본인 URL에 맞게 수정
APP_DEFAULT_DARK_MODE=true # 기본 테마를 다크모드로

# DB Settings
DB_PASS=암호설정
MYSQL_ROOT_PASSWORD=암호설정
MYSQL_PASSWORD=암호설정

# Mail Settings
MAIL_DRIVER=smtp
MAIL_HOST=smtp.zoho.com
MAIL_PORT=587
MAIL_ENCRYPTION=tls
MAIL_USERNAME=메일유저 # e.g) abc@def.com
MAIL_PASSWORD=메일암호
MAIL_FROM=메일유저 # 무료 서비스라면 MAIL_USERNAME에서 변경못하는 경우가 많음
MAIL_FROM_NAME=메일보내는사람이름 # e.g.) Bookstack

docker compose up -d

# 과거버전의 도커 컴포즈라면
docker-compose up -d

<link href="https://fonts.googleapis.com/css?family=Gowun+Batang" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gowun+Dodum" rel="stylesheet">
<style>
.logo-text { font-size: 1.4rem; }
h1 { font-size: 2.2rem; }
h2 { font-size: calc(2.2rem * 0.9); } /* 90%의 비율로 조절 */
h3 { font-size: calc(2.2rem * 0.8); } /* 80%의 비율로 조절 */
h4 { font-size: calc(2.2rem * 0.7); } /* 70%의 비율로 조절 */
h5 { font-size: calc(2.2rem * 0.65); } /* 65%의 비율로 조절 */
h6 { font-size: calc(2.2rem * 0.52); } /* 52%의 비율로 조절 */  
  
.page-content h1 { font-size: 2.2rem; }
.page-content h2 { font-size: calc(2.2rem * 0.9); } /* 90%의 비율로 조절 */
.page-content h3 { font-size: calc(2.2rem * 0.8); } /* 80%의 비율로 조절 */
.page-content h4 { font-size: calc(2.2rem * 0.7); } /* 70%의 비율로 조절 */
.page-content h5 { font-size: calc(2.2rem * 0.65); } /* 65%의 비율로 조절 */
.page-content h6 { font-size: calc(2.2rem * 0.52); } /* 52%의 비율로 조절 */

.py-m {
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.pt-xl { padding-top: 16px !important; }
  
.mt-m { margin-top:0px !important}  
  
.entity-list.compact h4, .entity-list.compact a { font-size: 1rem; }
.justify-space-between { font-size: 1.1rem; }
.card-title { font-size: 1.1rem; }
html.dark-mode header .header-links { font-size: 1rem; }
html.dark-mode .tri-layout-mobile-tab { font-size: 1.1rem; } 
.entity-list.compact .entity-list-item p { font-size: 1rem; }
.grid-card p { font-size: 1rem; }

.entity-list-item, .icon-list-item { padding: 4px 16px } 
  
body {
  --font-body: 'Gowun Batang', serif;
  --font-heading: 'Gowun Dodum', sans-serif;
  font-size: 1rem;  
}
p { font-size: 1rem; /* 원하는 폰트 크기로 변경 */ }

p,ul,ol,pre,table,blockquote {
    margin-top: .3em;
    margin-bottom: .5em
}

small, p.small, span.small, .text-small { font-size: .9rem; }
label { font-size: .9rem; }

.input-base, input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="search"], input[type="url"], input[type="color"], input[type="password"], select, textarea, .fake-input { width:200px }  
  
</style>