XHS-TextCard: 오픈소스 무료 샤오홍슈 텍스트 카드 생성기 140

XHS-TextCard는 오픈소스 텍스트 카드 생성 도구로, 주로 샤오홍슈(小红书) 크리에이터를 대상으로 합니다. Markdown 콘텐츠를 고해상도 이미지로 변환할 수 있으며, 스마트 페이지 나누기를 지원하고 12가지 템플릿이 내장되어 있습니다. 순수 프론트엔드 로컬 실행 방식이기 때문에 프라이버시 측면에서도 안전하며, 1242×1656 크기의 시리즈 이미지를 일괄 내보내기할 수 있습니다.

이 프로젝트는 개발자 geekfoxcharlie(샤오홍슈: 极客狐)가 오픈소스로 유지보수하고 있으며, MIT 라이선스를 따릅니다. 전체 아키텍처는 순수 프론트엔드로, 백엔드가 없고 데이터를 서버로 업로드하지도 않습니다. Markdown 파싱, 페이지 나누기, Canvas 렌더링, 이미지 내보내기가 모두 브라우저 로컬에서 처리되므로 네트워크에 의존하지 않으며 오프라인에서도 사용할 수 있습니다.

기능

• Markdown 장문 텍스트를 이미지로 변환: 제목, 굵게, 강조(==강조==), 기울임꼴, 취소선, 코드 블록, 중앙 정렬 블록(::: center ... :::) 등 자주 사용되는 문법을 지원하여, 장문 텍스트를 여러 이미지로 직접 변환할 수 있습니다.

• 스마트 페이지 나누기: TextSplitter가 자동으로 적절한 위치를 찾아 분리하며, 단락 사이에서 우선적으로 페이지를 나눕니다. 강제로 페이지를 나누고 싶다면 --- 을 입력하면 됩니다.

• 12가지 템플릿: 빈티지 폴라로이드, 효율 노트, 책 내지, 애플 메모, 취리히 스튜디오, 미니멀 매거진 등 스타일 내장, 클릭 한 번으로 전환할 수 있습니다.

• Canvas 픽셀 단위 렌더링: 불안정한 DOM 방식을 사용하지 않고 Canvas로 직접 그려서 1242×1656 크기의 이미지를 출력하며, 3:4 비율은 샤오홍슈에 정확히 맞습니다.

• 깊이 있는 시각적 커스터마이징: 글꼴 크기, 줄 높이, 자간, 내부 여백 등을 조정할 수 있으며, 배경은 단색 또는 그라데이션을 사용할 수 있고, 모란디(Morandi) 색상 프리셋이 있으며 HEX 또는 RGBA 직접 입력도 지원합니다.

• 브랜드 서명 및 도용 방지 워터마크: Terminal Geek 스타일, 캡슐, 세리프, 글래스모피즘 등 여러 서명 스타일을 제공하며, 배경 워터마크 추가 및 투명도 조절도 가능합니다.

• 표지 디자인: 표지 제목, 글꼴, 레이아웃을 직접 정의할 수 있어 시리즈 느낌을 내기 쉽습니다.

• 편리한 내보내기: 단일 다운로드가 가능하며, 한 번에 ZIP으로 압축하여 일괄 내보내기도 가능합니다. 매개변수가 자동으로 기억되어 시리즈 콘텐츠의 스타일을 일관되게 유지할 수 있습니다.

활용 시나리오

• 지식 블로거가 장문干货 콘텐츠를 여러 장의 이미지 노트로 분할

• 독서 노트, 책에서 발췌한 명언을 시각적인 카드로 제작

• 브랜드 또는 개인 IP의 시리즈 콘텐츠 통일된 레이아웃으로 게시

• 프라이버시에 민감한 콘텐츠(예: 미공개 원고, 내부 자료) 처리, 네트워크 연결 불필요

• 튜토리얼, 가이드류의 긴 콘텐츠를 구조화된 페이지 나누기로 표시

XHS-TextCard 장단점

자주 묻는 질문

• HTML 파일을 더블클릭하면 왜 사용할 수 없나요? 브라우저 보안 정책(CORS) 제한으로 로컬 서버를 통해 접근해야 합니다. python -m http.server 8000 을 실행한 후 localhost:8000/editor.html 에 접속하는 것을 권장합니다.

• 오픈소스 버전에는 왜 AI 스마트 레이아웃이 없나요? AI 레이아웃, Feishu(飞书) 일괄 처리, API 자동화 등은 공식 온라인 버전(xhs-textcard.site)의 클라우드 강화 기능에 속하며, 오픈소스 로컬 버전은 렌더링과 내보내기만 담당합니다.

• 특정 위치에서 강제로 페이지를 나누려면 어떻게 하나요? 페이지를 나누려는 위치에 ---(하이픈 세 개)를 입력하면 시스템이 여기서 강제로 분리합니다.

• 시리즈 콘텐츠의 스타일을 통일하려면 어떻게 하나요? 매개변수를 조정한 후 도구가 설정을 자동으로 기억하므로, 이후에는 동일한 템플릿을 바로 적용하면 됩니다.

• 내보낸 이미지가 흐릿하게 보일 때는 어떻게 하나요? 도구는 기본적으로 1242×1656 PNG/JPEG를 출력합니다. 다운로드 후 흐릿하다면 WeChat 또는 QQ에 의해 압축되었을 가능성이 높으므로 원본 이미지 저장을 권장합니다.

XHS-TextCard 사용 방법

온라인 사용: 공식 온라인 버전 xhs-textcard.site 에 접속하여 카피를 붙여넣으면 바로 레이아웃할 수 있습니다.

로컬 배포:

git clone https://github.com/geekfoxcharlie/XHS-TextCard.git
cd XHS-TextCard
python -m http.server 8000
# 브라우저에서 http://localhost:8000/editor.html 열기

1. 콘텐츠 편집: 왼쪽 편집기에 Markdown 텍스트를 입력하고, 두 번의 엔터로 스마트 단락 구분, --- 로 강제 페이지 나누기, ::: center ... ::: 로 중앙 정렬 블록을 구현합니다.

2. 템플릿 선택 및 매개변수 조정: 오른쪽 템플릿 영역에서 스타일을 선택하고, 스타일 영역에서 색상, 글꼴, 간격, 서명, 워터마크를 미세 조정합니다.

3. 미리보기 및 내보내기: 가운데 미리보기 영역에서 실시간으로 효과를 확인하고, 확정 후 단일 다운로드하거나 ZIP으로 압축하여 모든 이미지를 한 번에 내보낼 수 있습니다.

XHS-TextCard와 경쟁 제품 비교