최근에 X의 긴 포스트를 위챗 공식 계정으로 가져올 때, 딱 맞는 포맷팅 도구를 찾지 못했습니다. 최근에 IP 관련 스킬을 몇 개 만들면서 생각했죠. IP만의 느낌을 담은 포맷팅 도구를 직접 만들어 보는 게 어떨까?
처음에는 단순히 내 포맷팅 문제를 해결하려는 마음이었는데, 작업을 하다 보니 아이디어가 계속 떠올랐습니다. 색상 구성을 IP에 맞출 수 있을까? 챕터에 캐릭터를 배치할 수 있을까? Markdown, TXT, 코드 블록, 표를 한 번에 처리할 수 있을까? 모바일에서도 바로 사용할 수 있을까?
이쯤에서 혼자 간직하기보다는, 모두에게 공식 계정 포맷팅의 또 다른 선택지를 주는 게 좋겠다고 생각했습니다. 그래서 Punk Weipai가 탄생했습니다.
목표는 간단했습니다. 약간 지저분한 Markdown 원본을 왼쪽에 넣고, 버튼 하나만 누르면 오른쪽에 제목, 인용문, 코드 블록, 이미지 배치가 깔끔하게 정리된 위챗 아티클이 나오는 것이었죠.
웹사이트는 바로 사용할 수 있습니다:
https://weipai.iamadrianpunk.com
사이트를 처음 열면 Punk가 보낸 '편지'를 보게 됩니다. 초보자 튜토리얼은 색상 구성, 초안 가져오기, 미리보기 복사, 고정 엔딩을 순서대로 소개합니다. 이미 과정에 익숙하다면 바로 건너뛸 수 있습니다.
1. 가장 번거로운 문제를 먼저 해결합니다
Punk Weipai의 워크플로우는 매우 직관적입니다. Markdown 또는 TXT 원본을 왼쪽에 넣으면, 오른쪽에 위챗 포맷팅이 실시간으로 생성됩니다. 효과를 확인한 후 "공식 계정에 복사"를 클릭하여 위챗 공식 계정 웹 에디터에 붙여넣기만 하면 됩니다.
제가 시간을 들여 처리한 내용, 즉 긴 글에서 문제가 발생하기 쉬운 부분은 다음과 같습니다:
- 아티클 제목, 챕터 제목, 보조 제목
- 순서 있는 목록, 순서 없는 목록, 다중 레벨 중첩 목록
- 인용문, 구분선, 굵은 텍스트, 인라인 코드
- 로컬 이미지, 표, 여러 개의 연속된 코드 블록
- 공식 계정 읽기에 적합한 문단 간격, 줄 간격, 글꼴
초안에 명확한 제목 레벨이 있으면 Markdown 제목 크기에 따라 챕터를 판단합니다. 숫자가 있는 보조 제목은 숫자를 유지하고, 없는 경우 굵은 세로선을 사용합니다. 일반 포인트는 테마 색상에 따라 변하는 채워진 점을 사용합니다.
코드 블록은 macOS 창 막대를 유지하고, 표는 3선 표를 사용합니다.
2. 전체 과정은 단 세 단계로 이루어집니다
1. 초안 삽입
Markdown을 직접 붙여넣거나 .md, .txt, 로컬 이미지가 포함된 아티클 패키지를 가져올 수 있습니다. 페이지는 제목, 인용문, 목록, 이미지, 표, 코드 블록을 포함한 전체 기능 예제와 함께 열리므로 각 구문의 모양을 한눈에 볼 수 있습니다.
2. 색상 구성 및 챕터 스타일 선택
도구에는 Punk Color, Retro Trend, Red-Blue CP, Vitality Orange와 같은 프리셋이 함께 제공됩니다. 각 구성에는 테마 색상, 강조 색상, 거의 흰색에 가까운 라이트 색상이 포함됩니다. 본문 배경은 기본적으로 흰색입니다.
자신의 IP 이미지를 업로드할 수도 있습니다. 시스템은 이미지에서 대표 색상을 추출하여 "IP 이름 색상 1, 2, 3"의 세 가지 구성을 생성합니다. 자신의 스타일에 가장 가까운 것을 선택한 후 미세 조정을 계속합니다.
Color Lab은 이 과정을 시각적으로 만듭니다. IP에서 대표 색상을 추출하여 세 가지 다른 구성으로 확장하고, 최종적으로 포맷팅에 실제로 사용할 수 있는 네 가지 색상 역할을 남깁니다.
색상 구성을 선택한 후에는 계속해서 하나씩 조정할 수 있습니다. 각 색상 블록에서 "기능 선택"을 열어 본문 배경, 제목, 굵게 강조, 제목 장식, 구분선, 목록 마커, 코드 블록, 표, 인라인 코드 텍스트, 인라인 코드 배경 또는 인용문에 사용할지 결정할 수 있습니다. 동일한 색상을 여러 용도로 사용할 수도 있습니다. 예를 들어, 파란색은 제목과 코드 블록을, 노란색은 굵게, 목록 및 구분선을 처리하고, 거의 흰색에 가까운 라이트 색상은 인용문과 인라인 코드 배경에 남겨둡니다.
IP가 없는 경우 "사용자 정의 색상"에 들어가 HEX 색상 코드, 색상 구성 이름 및 색상 용도를 수정할 수도 있습니다. 이 항목은 스스로 색상을 조정하려는 사람들을 위한 것이며, 모든 사람이 먼저 아바타를 업로드하도록 강요하지 않습니다.
챕터 스타일도 직접 전환할 수 있습니다. 현재 두꺼운 밑줄, 슬래시, 왼쪽 세로선, 상자, 대괄호, 이중 원, 도트 매트릭스, 상단 배치 번호 및 따옴표의 9가지 옵션이 있습니다. 메뉴는 먼저 실제 효과를 보여주므로 이름으로 추측할 필요가 없습니다. 전환 후 전체 아티클의 챕터가 함께 업데이트되므로 Markdown으로 돌아가서 하나씩 수정할 필요가 없습니다.
"챕터 IP"가 활성화되면 짧은 제목의 경우 캐릭터가 제목 가로선 위에 서게 됩니다.
줄 바꿈이 발생할 수 있는 긴 제목의 경우 IP는 자동으로 제목 위 중앙으로 이동하여 본문을 방해하지 않습니다.
색상 구성, 챕터 스타일 및 IP 표시 여부는 독립적이므로 콘텐츠에 따라 자유롭게 결합할 수 있습니다.
3. 미리보기 후 공식 계정에 복사
작성 영역과 미리보기 영역이 동기식으로 업데이트됩니다. 아티클 확인에 집중하고 싶을 때는 "집중 미리보기"를 열어 최종 위챗 초안만 유지할 수 있습니다. 컴퓨터와 모바일에서 모두 사용할 수 있습니다.
4. 모바일 적응
모바일 측면을 위해 별도의 적응이 이루어져 전체 과정을 컴퓨터로 돌아갈 필요가 없습니다:
- 포맷팅 도구는 오른쪽 상단의 햄버거 메뉴에 숨겨져 가로 스크롤과 본문 차단을 방지합니다.
- 아티클 너비, 패딩 및 미리보기 방법이 모바일 화면에 자동으로 조정됩니다.
따라서 "초안 가져오기 - 스타일 조정 - 미리보기 확인 - 공식 계정에 복사"의 전체 워크플로우를 휴대폰에서 완료할 수 있습니다. 아티클을 임시로 변경해야 할 때 포맷팅만을 위해 컴퓨터를 켤 필요가 없습니다.
마지막으로 "공식 계정에 복사"를 클릭하여 전체 리치 텍스트를 위챗 공식 계정 웹 에디터에 붙여넣습니다. 제목, 인용문, 목록, 표 및 코드 블록이 모두 그대로 유지되므로 문단별로 조정할 필요가 없습니다.
3. 제가 자주 사용하는 몇 가지 세부 기능
첫 번째는 고정 엔딩입니다.
작가 소개, 계정 포지셔닝, 팔로우 유도와 같은 콘텐츠는 모든 아티클에 작성해야 하며 놓치기 쉽습니다. 이제 고정 엔딩을 미리 저장하고 활성화할 수 있습니다. 이 텍스트가 초안에 있는지 여부에 관계없이 구분선으로 구분되어 포맷팅 결과 끝에 자동으로 추가됩니다.
고정 엔딩은 현재 아티클의 글꼴 및 테마 색상 구성을 상속합니다. 콘텐츠는 현재 브라우저에 저장되며 장치를 전환하는 경우 다시 설정해야 합니다.
두 번째는 부분 색상 변경입니다. 본문 텍스트에 대해 자동, 검정, 흰색 또는 사용자 정의 색상을 선택하거나 미리보기에서 특정 텍스트 세그먼트를 직접 선택하여 해당 색상만 변경할 수 있습니다. 이는 튜토리얼의 명령어나 리뷰의 주요 숫자를 강조할 때 매우 편리합니다.
세 번째는 챕터를 따르는 IP입니다. 캐릭터 이미지를 업로드한 후 각 챕터 제목 옆에 표시할지 여부를 결정할 수 있습니다. 색상 구성과 IP 표시는 두 개의 독립적인 스위치입니다. 자신의 색상 구성을 사용하면서 캐릭터를 표시하지 않거나, 추천 색상 구성으로 전환하면서 캐릭터를 유지할 수 있습니다.
4. 누구에게 유용할까요?
아티클을 주로 Word에서 완성하고 코드, 표 또는 Markdown을 거의 사용하지 않는다면 이 도구가 필수적이지 않을 수 있습니다.
다음 시나리오에 더 적합합니다:
- X의 긴 포스트, 노트 또는 Markdown을 위챗 아티클로 자주 변환하는 경우
- AI를 사용하여 초안을 작성하지만 위챗 백엔드에서 다시 포맷팅하고 싶지 않은 경우
- 코드 블록과 인라인 코드가 많은 AI 도구 튜토리얼을 작성하는 경우
- 개인 계정, 스튜디오 또는 여러 다른 IP를 동시에 운영하는 경우
- 공식 계정의 일관된 시각적 스타일을 유지하면서 매번 처음부터 포맷을 조정하고 싶지 않은 경우
Punk Weipai는 현재 포맷팅에 중점을 둡니다. 아티클을 다시 작성하거나 AI 생성 커버를 제공하지 않습니다. 범위가 좁기 때문에 페이지를 연 후 초안을 넣고, 스타일을 조정하고, 복사하여 게시하기만 하면 됩니다.
5. 먼저 이 최소 워크플로우를 실행해 보세요
처음 사용할 때는 모든 설정을 연구하는 데 급급하지 마세요. 다음 세 단계를 따르세요:
- 웹사이트를 열고 오른쪽 미리보기에서 기본 예제를 확인합니다.
- 왼쪽에 Markdown을 붙여넣고 기성 색상 구성을 선택합니다.
- "공식 계정에 복사"를 클릭하여 초안 상자에 붙여넣고 한 번 확인합니다.
이 경로가 명확해지면 IP를 업로드하고, 색상 코드를 조정하고, 챕터 스타일을 전환하고, 고정 엔딩을 저장하세요.
이 도구에 대해 제가 설정한 문구는 다음과 같습니다:
모든 좋은 콘텐츠가 좋은 레이아웃을 가지도록 하세요.
"아티클은 끝났는데 공식 계정 포맷팅이 안 돼"라는 상황에 자주 부딪힌다면, 바로 시도해 보세요:
https://weipai.iamadrianpunk.com
작가 소개
Punk｜USTC 경영학 석사｜AI 프롬프트, AI 초보자 튜토리얼｜Punk 시리즈 스킬 저자｜3개월 만에 8자리 수익 달성｜Learn in Public｜FDE 아티클 조회수 240만｜@AdrianPunk115
