Recentemente, ao importar posts longos do X para meu WeChat Official Account, não consegui encontrar uma ferramenta de formatação que me agradasse. Como criei várias Skills relacionadas a IP recentemente, pensei: por que não construir uma ferramenta de formatação para mim mesmo que tenha um toque exclusivo de IP?
Inicialmente, eu só queria resolver meus próprios problemas de formatação, mas, conforme fui trabalhando nela, mais ideias foram surgindo: será que o esquema de cores poderia seguir o IP? Será que personagens poderiam ser colocados em capítulos? Será que Markdown, TXT, blocos de código e tabelas poderiam ser tratados de uma só vez? Será que poderia ser usado diretamente no celular?
Já que cheguei até aqui, não deveria guardar isso só para mim; devo dar a todos mais uma opção para formatação do Official Account. Assim, nasceu o Punk Weipai.
O efeito que eu queria era direto: colocar o Markdown original um pouco bagunçado à esquerda, apertar um botão, e à direita aparecer um artigo do WeChat com títulos organizados, citações, blocos de código e ritmo de imagens.
O site já está pronto para uso direto:
https://weipai.iamadrianpunk.com
Ao abrir o site pela primeira vez, você verá uma "carta" enviada pelo Punk. O tutorial para iniciantes apresentará esquemas de cores, importação de rascunho original, cópia de pré-visualização e final fixo em sequência; se você já estiver familiarizado com o processo, pode pular diretamente.
1. Resolve a coisa mais chata primeiro
O fluxo de trabalho do Punk Weipai é muito direto: coloque o original em Markdown ou TXT à esquerda, e a formatação do WeChat é gerada em tempo real à direita. Após confirmar o efeito, clique em "Copiar para Official Account" e cole no editor web do WeChat Official Account.
O conteúdo no qual gastei tempo processando — as partes mais propensas a problemas em artigos longos — inclui:
- Títulos de artigos, títulos de capítulos e subtítulos;
- Listas ordenadas, listas não ordenadas e listas aninhadas de vários níveis;
- Citações, divisores, texto em negrito e código inline;
- Imagens locais, tabelas e vários blocos de código consecutivos;
- Espaçamento entre parágrafos, espaçamento entre linhas e fontes adequadas para leitura no Official Account.
Se o rascunho original tiver níveis de título claros, ele julgará os capítulos com base nos tamanhos dos títulos do Markdown. Subtítulos com números os mantêm, enquanto os sem usam uma linha vertical grossa; pontos gerais usam pontos sólidos que mudam com a cor do tema.
Blocos de código manterão a barra de janela do macOS, e as tabelas usarão tabelas de três linhas.
2. O processo inteiro leva apenas três passos
1. Insira o rascunho original
Você pode colar Markdown diretamente ou importar .md, .txt ou pacotes de artigos com imagens locais. A página abre com um exemplo completo, incluindo títulos, citações, listas, imagens, tabelas e blocos de código, para que você veja rapidamente a aparência de cada sintaxe.
2. Escolha o esquema de cores e o estilo do capítulo
A ferramenta vem com predefinições como Punk Color, Retro Trend, Red-Blue CP e Vitality Orange. Cada esquema inclui uma cor de tema, uma cor de destaque e uma cor clara quase branca; o fundo do corpo do texto é branco por padrão.
Você também pode enviar sua própria imagem de IP. O sistema extrairá cores representativas da imagem e gerará três esquemas: "IP Name Color 1, 2 e 3". Escolha o mais próximo do seu estilo e continue ajustando.
O Color Lab transforma isso em um processo visível: extraia cores representativas do IP, expanda-as em três esquemas diferentes e, finalmente, deixe quatro papéis de cor que podem realmente ser usados para formatação.
Após selecionar um esquema de cores, você pode continuar ajustando peça por peça. Cada bloco de cor pode abrir "Seleção de Função" para decidir se é usado para fundo do corpo, títulos, ênfase em negrito, decoração de título, divisores, marcadores de lista, blocos de código, tabelas, texto de código inline, fundo de código inline ou citações; a mesma cor também pode servir a vários propósitos. Por exemplo, deixei o azul cuidar de títulos e blocos de código, o amarelo cuidar de negrito, listas e divisores, e deixei a cor clara quase branca para citações e fundos de código inline.
Se você não tiver um IP, também pode inserir "Cor Personalizada" para modificar códigos HEX de cores, nomes de esquemas de cores e usos de cores. Esta entrada é para quem está disposto a ajustar cores por conta própria e não obriga todos a enviar um avatar primeiro.
Estilos de capítulo também podem ser trocados diretamente. Atualmente, há 9 opções: sublinhado grosso, barra, linha vertical esquerda, caixa, colchetes, círculos duplos, matriz de pontos, número no topo e aspas. O menu mostra o efeito real primeiro, para que você não precise adivinhar pelo nome. Após a troca, os capítulos de todo o artigo serão atualizados juntos, sem necessidade de voltar ao Markdown para modificá-los um por um.
Se "IP do Capítulo" estiver ativado, o personagem ficará na linha horizontal do título para títulos curtos;
Para títulos mais longos que podem quebrar, o IP se moverá automaticamente para o centro acima do título para evitar apertar o texto do corpo.
Esquemas de cores, estilos de capítulo e se o IP é exibido são independentes e podem ser combinados livremente de acordo com seu conteúdo.
3. Pré-visualize e copie para o Official Account
A área de escrita e a área de pré-visualização são atualizadas de forma síncrona. Quando você quiser focar na verificação do artigo, pode abrir "Pré-visualização Focada" para manter apenas o rascunho final do WeChat; pode ser usado tanto no computador quanto no celular.
4. Adaptação para celular
Uma adaptação separada foi feita para o lado móvel, para que todo o processo não exija voltar ao computador:
- As ferramentas de formatação são guardadas em um menu hambúrguer no canto superior direito para evitar rolagem horizontal e bloqueio do texto do corpo;
- A largura do artigo, o preenchimento e os métodos de pré-visualização se ajustam automaticamente à tela do celular.
Assim, você pode completar todo o fluxo de trabalho "Importar rascunho—Ajustar estilo—Verificar pré-visualização—Copiar para Official Account" no seu celular. Quando precisar alterar um artigo temporariamente, não precisa abrir um computador só para formatação.
Finalmente, clique em "Copiar para Official Account" para colar o rich text completo no editor web do WeChat Official Account. Títulos, citações, listas, tabelas e blocos de código serão todos transferidos, sem necessidade de ajustá-los parágrafo por parágrafo.
3. Alguns detalhes que uso repetidamente
Primeiro é o Final Fixo.
Conteúdo como introduções do autor, posicionamento da conta e prompts de acompanhamento precisa ser escrito para cada artigo e é fácil de esquecer. Agora você pode salvar e ativar um final fixo com antecedência; independentemente de este texto estar no rascunho original, ele será automaticamente anexado ao final do resultado formatado, separado por um divisor.
O final fixo herdará a fonte e o esquema de cores do tema do artigo atual. O conteúdo é salvo no navegador atual e precisa ser configurado novamente se você trocar de dispositivo.
Segundo é a Mudança Parcial de Cor. Você pode escolher automático, preto, branco ou cores personalizadas para o texto do corpo, ou selecionar diretamente um segmento específico de texto na pré-visualização para mudar apenas sua cor. Isso é muito conveniente para destacar comandos em tutoriais ou números-chave em análises.
Terceiro é o IP seguindo capítulos. Após enviar uma imagem de personagem, você pode decidir se ele aparece ao lado de cada título de capítulo. Esquemas de cores e exibição de IP são dois interruptores independentes: você pode usar seu próprio esquema de cores sem mostrar o personagem, ou mudar para um esquema de cores recomendado mantendo o personagem.
4. Quem vai achar isso útil?
Se seus artigos são principalmente concluídos no Word e você raramente usa código, tabelas ou Markdown, esta ferramenta pode não ser uma necessidade.
Os cenários a seguir são mais adequados:
- Converter frequentemente posts longos do X, notas ou Markdown em artigos do WeChat;
- Usar IA para escrever rascunhos, mas não querer reformatar no backend do WeChat;
- Escrever tutoriais de ferramentas de IA com muitos blocos de código e código inline;
- Operar uma conta pessoal, estúdio ou vários IPs diferentes simultaneamente;
- Querer manter um estilo visual consistente para o Official Account sem ajustar formatos do zero toda vez.
O Punk Weipai atualmente foca em formatação. Ele não reescreverá artigos para você, nem tem capas geradas por IA. O escopo é estreito, então, após abrir a página, basta colocar o rascunho, ajustar o estilo e copiar para publicar.
5. Você pode executar este fluxo de trabalho mínimo primeiro
Ao usar pela primeira vez, não se apresse em estudar todas as configurações. Siga estes três passos:
- Abra o site e veja a pré-visualização do exemplo padrão à direita;
- Cole seu Markdown à esquerda e escolha um esquema de cores pronto;
- Clique em "Copiar para Official Account" e cole na caixa de rascunho para verificar uma vez.
Assim que este caminho estiver claro, vá em frente e envie seu IP, ajuste códigos de cores, troque estilos de capítulo e salve finais fixos.
A frase que defini para esta ferramenta é:
Deixe que cada pedaço de bom conteúdo tenha um bom layout.
Se você também costuma ficar preso em "o artigo está pronto, mas a formatação do Official Account não está", pode testá-la diretamente:
https://weipai.iamadrianpunk.com
Sobre o Autor
Punk｜Mestre em Administração, USTC｜Prompts de IA, Tutoriais de IA para Iniciantes｜Autor das Punk Series Skills｜Ganhou 8 dígitos em 3 meses｜Aprenda em Público｜Visualizações de artigos FDE 2,4 milhões｜@AdrianPunk115
