NotionNext 문서

Appearance

Artalk ​

이전 문서: Artalk 게시일: 2023-8-8 마지막 편집: 2024-1-31 원래 분류: 📩 댓글 플러그인 요약: NotionNext는 Artalk 댓글 플러그인을 지원합니다.

Artalk 소개 ​

Artalk | Self-hosted comment system

Artalk는 간결한 자체 호스팅 댓글 시스템입니다. 서버에 쉽게 배포하고 프런트엔드 페이지에 삽입할 수 있습니다.

블로그나 원하는 위치에 Artalk 댓글 상자를 배치하면 페이지에 풍부한 소셜 기능을 추가할 수 있습니다.

image

기능 하이라이트 ​

  • 가벼운 설계
    프런트엔드는 TypeScript(Vanilla JS)를 사용하며, 불필요한 의존성이 적고 gzip 기준 약 30KB입니다. 백엔드는 Artalk v2에서 Golang으로 재작성되어 크기가 작고 빠르게 배포할 수 있습니다.
  • 작지만 필요한 기능을 갖춤
    • Markdown 문법과 코드 하이라이트
    • 알림 센터: 사이트 안에서는 사이드바와 빨간 점 표시를 지원
    • 다양한 푸시: 사이트 밖에서는 이메일, Telegram, DingTalk, Feishu와 비동기 실행 지원
    • 댓글 심사: 접기, 스팸 방지, 빈도 제한, 슬라이드 검증
    • 여러 사이트: 하나의 백엔드 프로그램으로 여러 사이트를 중앙 관리
    • 이모티콘: OwO 형식과 동적 로딩 지원
    • Artrans: 댓글 데이터 가져오기/내보내기를 통한 빠른 마이그레이션
    • 댓글 투표, 신분 배지, 비밀번호 검증, 짧은 글 모드
    • 댓글 스레드, 댓글 페이지네이션, 스크롤 로딩, 실시간 미리보기
    • 댓글 정렬, 댓글 고정, 댓글 유실 방지, 자동 입력
    • 이미지 업로드, 페이지 관리, 사이트 격리, 다크 모드

스타일 미리보기 ​

Untitled

Markdown, 이미지, 아이콘 등 여러 기능을 지원합니다.

Untitled

메시지 목록 기록도 확인할 수 있습니다. Messages를 클릭하면 됩니다.

Untitled

Artalk 관리자 페이지입니다.

Untitled

설정 방법 ​

Vercel에 백엔드 환경 변수 하나를 추가하면 됩니다.

Artalk 설치 ​

공식 문서에 따라 배포하세요.

📦 Program Deployment | Artalk

배포 방식은 아래처럼 요약할 수 있습니다.

  1. Docker로 백엔드 한 번에 실행
JavaScript
docker run -d \
    --name artalk \
    -p 8080:23366 \
    -v $(pwd)/data:/data \
    --restart=always \
    artalk/artalk-go
  1. 관리자 백엔드 비밀번호 초기화
Bash
docker exec -it artalk artalk admin

위 명령을 실행한 뒤 안내에 따라 진행하면 됩니다.

Untitled

신뢰 도메인 추가 ​

💡 TIP

이 백엔드를 사용하는 프런트엔드 URL을 신뢰 도메인 목록에 추가해야 합니다. 기본 80/443 포트가 아니라면 https://example.com:8080처럼 포트 번호도 함께 입력하세요.

관리자 백엔드에서 Settings → Trusted domains를 찾습니다.

아래 예시처럼 신뢰 도메인을 추가한 뒤 Apply를 클릭해 저장합니다.

Untitled

완료 ​

원문 링크 ​

https://docs.tangly1024.com/article/notion-next-artalk