Repolode
sennkuwu

sennkuwu/wechat-style-extractor

WeChat 공식 계정 글에서 재사용 가능한 시각적 템플릿을 추출해 편집기에 붙여넣을 서식 있는 텍스트로 미리 보는 도구입니다.

스타
155
포크
18
열린 이슈
0
마지막 커밋
2개월 전

어떤 프로젝트인가요?

WeChat Style Extractor는 공개된 WeChat 공식 계정 글 링크를 받아 레이아웃을 분석합니다. 색상, 글꼴 크기, 줄 높이, 여백과 카드 같은 콘텐츠 구성 요소를 세어 시각적 속성과 구성 요소 규칙을 보여 줍니다.

서버 측 파서는 글을 가져와 HTML을 정리하고 스타일을 표준화한 뒤 글의 스타일시트를 인라인으로 적용해 그리드, 위치 지정, 그림자, 목록, 표를 보존합니다. 이미지, 지연 로딩 이미지, CSS 배경 이미지도 유지됩니다. 휴대폰 너비 미리보기에서 결과를 확인한 다음 서식 있는 텍스트로 복사해 WeChat 편집기에 붙여넣을 수 있습니다.

인식은 휴리스틱 방식으로 이루어집니다. 인식하지 못한 항목은 숨겨지고 미리보기에는 기본값이 적용되며, 인라인 스타일만으로 WeChat 편집기에서 완벽하게 재현된다고 보장할 수는 없습니다. 가져오기는 mp.weixin.qq.com으로 제한되며, WeChat에서 서버에 간혹 인증 페이지를 표시할 수 있습니다.

핵심 기능

  • 01글 링크에서 색상, 글꼴 크기, 줄 높이, 여백을 추출합니다.
  • 02제목, 작성자와 카드 같은 콘텐츠 구성 요소를 식별합니다.
  • 03원본 이미지, 지연 로딩 이미지, CSS 배경 이미지를 유지합니다.
  • 04글의 스타일시트를 인라인으로 적용해 그리드, 그림자, 목록, 표를 보존합니다.
  • 05휴대폰 너비 미리보기를 제공하고 결과를 서식 있는 텍스트로 복사합니다.

활용 사례

  • 인기 있는 WeChat 공식 계정 글의 레이아웃 패턴을 살펴봅니다.
  • WeChat 글 서식에 사용할 독창적인 재사용 템플릿을 만듭니다.
  • WeChat 편집기에서 게시하기 전에 휴대폰에서 글이 어떻게 보이는지 미리 확인합니다.

빠른 시작

  1. 1

    종속성 설치

    npm install
  2. 2

    개발 서버 시작

    npm run dev
  3. 3

    프로덕션용 빌드(선택 사항)

    npm run build

사용 전 알아둘 점

  • Node.js 22.13 이상이 필요합니다.
  • 기사 가져오기는 mp.weixin.qq.com 링크에서만 작동하며, WeChat에서 보안 인증 페이지가 표시되어 파싱이 차단되는 경우가 있습니다.
  • 스타일 추출은 휴리스틱 방식이므로 WeChat 편집기에서 인라인 스타일이 완전히 보존되지 않을 수 있습니다.

토픽

자주 묻는 질문

wechat-style-extractor은(는) 무엇인가요?
WeChat 공식 계정 글에서 재사용 가능한 시각적 템플릿을 추출해 편집기에 붙여넣을 서식 있는 텍스트로 미리 보는 도구입니다. WeChat Style Extractor는 공개된 WeChat 공식 계정 글 링크를 받아 레이아웃을 분석합니다. 색상, 글꼴 크기, 줄 높이, 여백과 카드 같은 콘텐츠 구성 요소를 세어 시각적 속성과 구성 요소 규칙을 보여 줍니다.
wechat-style-extractor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
wechat-style-extractor은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
wechat-style-extractor은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. wechat-style-extractor의 마지막 커밋은 2026년 9월 5일입니다.
wechat-style-extractor은(는) 어디에 사용할 수 있나요?
인기 있는 WeChat 공식 계정 글의 레이아웃 패턴을 살펴봅니다. WeChat 글 서식에 사용할 독창적인 재사용 템플릿을 만듭니다. WeChat 편집기에서 게시하기 전에 휴대폰에서 글이 어떻게 보이는지 미리 확인합니다.
wechat-style-extractor는 어떻게 설치하나요?
종속성 설치: npm install 개발 서버 시작: npm run dev 프로덕션용 빌드(선택 사항): npm run build
wechat-style-extractor은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/sennkuwu/wechat-style-extractor

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트