Recentemente, ao importar posts longos do X para minha Conta Oficial do WeChat, não consegui encontrar uma ferramenta de formatação que me agradasse. Como criei várias Skills relacionadas a IPs recentemente, pensei: por que não construir uma ferramenta de formatação para mim mesmo que carregue um toque exclusivo de IP?
Inicialmente, eu só queria resolver meus próprios problemas de formatação, mas, conforme trabalhava nela, mais ideias foram surgindo: será que o esquema de cores poderia seguir o IP? Daria para colocar personagens nos capítulos? Seria possível lidar com Markdown, TXT, blocos de código e tabelas de uma só vez? Daria para usar 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 de Conta Oficial. 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 surgir 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á, em sequência, os esquemas de cores, a importação do rascunho original, a cópia da prévia e o final fixo; se você já estiver familiarizado com o processo, pode pular diretamente.
1. Ele resolve primeiro o que é mais chato
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 Conta Oficial" e cole no editor web da Conta Oficial do WeChat.
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 na Conta Oficial.
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 etapas
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: "Nome da Cor do IP 1, 2 e 3." Escolha o mais próximo do seu estilo e continue ajustando.
O Laboratório de Cores transforma isso em um processo visível: extraia cores representativas do IP, expanda-as em três esquemas diferentes e, finalmente, deixe quatro funções de cor que podem realmente ser usadas 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 o fundo do corpo do texto, títulos, ênfase em negrito, decoração de títulos, 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 dos títulos e blocos de código, o amarelo cuidar do 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 os códigos HEX de cores, nomes de esquemas de cores e usos das cores. Esta opção é para quem está disposto a ajustar as cores por conta própria e não obriga ninguém a enviar um avatar primeiro.
Os 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 corpo do texto.
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. Visualize, depois copie para a Conta Oficial
A área de escrita e a área de pré-visualização são atualizadas de forma síncrona. Quando você quiser se concentrar em verificar o 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 mobile, para que todo o processo não exija o retorno a um computador:
- As ferramentas de formatação são colocadas em um menu hambúrguer no canto superior direito para evitar rolagem horizontal e bloqueio do corpo do texto;
- 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évia — Copiar para Conta Oficial" no seu telefone. Quando precisar alterar um artigo temporariamente, não precisará abrir um computador apenas para formatação.
Finalmente, clique em "Copiar para Conta Oficial" para colar o rich text completo no editor web da Conta Oficial do WeChat. 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 precisam ser escritos para cada artigo e são fáceis 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évia para alterar apenas sua cor. Isso é muito útil para destacar comandos em tutoriais ou números-chave em análises.
Terceiro é o IP seguindo os capítulos. Após enviar uma imagem de personagem, você pode decidir se ele aparecerá ao lado de cada título de capítulo. Esquemas de cores e exibição de IP são duas opções independentes: você pode usar seu próprio esquema de cores sem mostrar o personagem, ou mudar para um esquema de cores recomendado enquanto mantém o personagem.
4. Para quem isso será ú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 a Conta Oficial sem ajustar formatos do zero toda vez.
O Punk Weipai atualmente foca na formatação. Ele não reescreverá artigos para você, nem tem capas geradas por IA. O escopo é estreito, então, ao 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 usá-lo pela primeira vez, não se apresse em estudar todas as configurações. Siga estas três etapas:
- Abra o site e veja a prévia do exemplo padrão no lado direito;
- Cole seu Markdown à esquerda e escolha um esquema de cores pronto;
- Clique em "Copiar para Conta Oficial" e cole na caixa de rascunho para verificar uma vez.
Assim que este caminho estiver claro, vá em frente e envie seu IP, ajuste os códigos de cores, troque os estilos de capítulo e salve os 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 da Conta Oficial 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 Skills da Série Punk｜Ganhou 8 dígitos em 3 meses｜Aprenda em Público｜Visualizações de artigos FDE 2,4 milhões｜@AdrianPunk115
