Recentemente, importando lunghi post da X nel mio Account Ufficiale WeChat, non riuscivo a trovare uno strumento di formattazione che mi soddisfacesse. Avendo creato diverse Skill legate a IP di recente, ho pensato: perché non costruire uno strumento di formattazione per me stesso, con un tocco esclusivo legato all'IP?
Inizialmente, volevo solo risolvere i miei problemi di formattazione, ma mentre ci lavoravo, sono arrivate altre idee: la combinazione di colori potrebbe seguire l'IP? I personaggi potrebbero essere inseriti nei capitoli? Markdown, TXT, blocchi di codice e tabelle potrebbero essere gestiti tutti insieme? Potrebbe essere usato direttamente su mobile?
Visto che sono arrivato fin qui, non dovrei tenermelo per me; dovrei dare a tutti un'altra opzione per la formattazione dell'Account Ufficiale. Così è nato Punk Weipai.
L'effetto che volevo era semplice: mettere il Markdown originale, un po' disordinato, a sinistra, premere un pulsante, e a destra ottenere un articolo WeChat con titoli ordinati, citazioni, blocchi di codice e ritmo delle immagini.
Il sito è pronto all'uso direttamente:
https://weipai.iamadrianpunk.com
Quando apri il sito per la prima volta, vedrai una "lettera" inviata da Punk. Il tutorial per principianti ti introdurrà in sequenza a combinazioni di colori, importazione della bozza originale, anteprima e copia, e finali fissi; se hai già familiarità con il processo, puoi saltarlo direttamente.
1. Risolve prima la cosa più fastidiosa
Il flusso di lavoro di Punk Weipai è molto diretto: metti il Markdown o TXT originale a sinistra, e la formattazione WeChat viene generata in tempo reale a destra. Dopo aver confermato l'effetto, clicca "Copia nell'Account Ufficiale" e incolla nell'editor web dell'Account Ufficiale WeChat.
Il contenuto su cui ho speso tempo a elaborare—le parti più soggette a problemi negli articoli lunghi—include:
- Titoli degli articoli, titoli dei capitoli e sottotitoli;
- Elenchi ordinati, elenchi non ordinati ed elenchi annidati su più livelli;
- Citazioni, divisori, testo in grassetto e codice inline;
- Immagini locali, tabelle e più blocchi di codice consecutivi;
- Spaziatura dei paragrafi, interlinea e caratteri adatti alla lettura nell'Account Ufficiale.
Se la bozza originale ha livelli di titolo chiari, giudicherà i capitoli in base alle dimensioni dei titoli Markdown. I sottotitoli con numeri li mantengono, mentre quelli senza usano una linea spessa verticale; i punti generali usano punti pieni che cambiano con il colore del tema.
I blocchi di codice manterranno la barra delle finestre di macOS, e le tabelle useranno tabelle a tre linee.
2. L'intero processo richiede solo tre passaggi
1. Inserisci la bozza originale
Puoi incollare Markdown direttamente o importare .md, .txt o pacchetti di articoli con immagini locali. La pagina si apre con un esempio completo, che include titoli, citazioni, elenchi, immagini, tabelle e blocchi di codice, così puoi vedere subito l'aspetto di ogni sintassi.
2. Scegli la combinazione di colori e lo stile del capitolo
Lo strumento include preset come Punk Color, Retro Trend, Red-Blue CP e Vitality Orange. Ogni schema include un colore del tema, un colore d'accento e un colore chiaro quasi bianco; lo sfondo del corpo è bianco predefinito.
Puoi anche caricare la tua immagine IP. Il sistema estrarrà i colori rappresentativi dall'immagine e genererà tre schemi: "Nome Colore IP 1, 2 e 3." Scegli quello più vicino al tuo stile e poi continua a perfezionare.
Il Color Lab trasforma questo in un processo visibile: estrae i colori rappresentativi dall'IP, li espande in tre diversi schemi e infine lascia quattro ruoli di colore effettivamente utilizzabili per la formattazione.
Dopo aver selezionato una combinazione di colori, puoi continuare a regolarla pezzo per pezzo. Ogni blocco di colore può aprire "Selezione Funzione" per decidere se viene utilizzato per lo sfondo del corpo, titoli, enfasi in grassetto, decorazione del titolo, divisori, marcatori di elenco, blocchi di codice, tabelle, testo codice inline, sfondo codice inline o citazioni; lo stesso colore può anche servire a più scopi. Ad esempio, ho fatto sì che il blu gestisse titoli e blocchi di codice, il giallo gestisse grassetto, elenchi e divisori, e ho lasciato il colore chiaro quasi bianco per citazioni e sfondi di codice inline.
Se non hai un IP, puoi anche inserire "Colore Personalizzato" per modificare i codici colore HEX, i nomi della combinazione e gli usi del colore. Questa voce è per chi è disposto a regolare i colori da solo e non obbliga tutti a caricare prima un avatar.
Gli stili dei capitoli possono anche essere cambiati direttamente. Attualmente ci sono 9 opzioni: sottolineatura spessa, barra, linea verticale sinistra, riquadro, parentesi quadre, doppi cerchi, matrice di punti, numero in alto e virgolette. Il menu mostra prima l'effetto reale, così non devi indovinare dal nome. Dopo il cambio, i capitoli dell'intero articolo si aggiorneranno insieme, senza bisogno di tornare al Markdown per modificarli uno per uno.
Se "Capitolo IP" è abilitato, il personaggio apparirà sulla linea orizzontale del titolo per i titoli brevi;
Per i titoli più lunghi che potrebbero andare a capo, l'IP si sposterà automaticamente al centro sopra il titolo per evitare di affollare il testo del corpo.
Le combinazioni di colori, gli stili dei capitoli e la visualizzazione dell'IP sono indipendenti e possono essere combinati liberamente in base al tuo contenuto.
3. Anteprima, poi copia nell'Account Ufficiale
L'area di scrittura e l'area di anteprima si aggiornano in modo sincrono. Quando vuoi concentrarti sul controllo dell'articolo, puoi aprire "Anteprima Mirata" per mantenere solo la bozza finale WeChat; può essere usato sia su computer che su mobile.
4. Adattamento mobile
È stato fatto un adattamento separato per il lato mobile, quindi l'intero processo non richiede di tornare al computer:
- Gli strumenti di formattazione sono nascosti in un menu hamburger in alto a destra per evitare lo scorrimento orizzontale e l'ostruzione del testo;
- La larghezza dell'articolo, il padding e i metodi di anteprima si adattano automaticamente allo schermo mobile.
Così puoi completare l'intero flusso di lavoro "Importa bozza—Regola stile—Controlla anteprima—Copia nell'Account Ufficiale" sul telefono. Quando devi modificare un articolo temporaneamente, non hai bisogno di aprire un computer solo per la formattazione.
Infine, clicca "Copia nell'Account Ufficiale" per incollare il ricco testo completo nell'editor web dell'Account Ufficiale WeChat. Titoli, citazioni, elenchi, tabelle e blocchi di codice verranno tutti trasferiti, senza bisogno di regolarli paragrafo per paragrafo.
3. Alcuni dettagli che uso ripetutamente
Il primo è il Finale Fisso.
Contenuti come presentazioni dell'autore, posizionamento dell'account e inviti a seguire devono essere scritti per ogni articolo e sono facili da dimenticare. Ora puoi salvare e abilitare un finale fisso in anticipo; indipendentemente dal fatto che questo testo sia nella bozza originale, verrà automaticamente aggiunto alla fine del risultato formattato, separato da un divisore.
Il finale fisso erediterà il carattere e la combinazione di colori del tema dell'articolo corrente. Il contenuto viene salvato nel browser corrente e deve essere reimpostato se cambi dispositivo.
Il secondo è il Cambio Colore Parziale. Puoi scegliere auto, nero, bianco o colori personalizzati per il testo del corpo, o selezionare direttamente un segmento specifico di testo nell'anteprima per cambiarne solo il colore. Questo è molto comodo per evidenziare comandi nei tutorial o numeri chiave nelle recensioni.
Il terzo è l'IP che segue i capitoli. Dopo aver caricato un'immagine del personaggio, puoi decidere se farla apparire accanto a ogni titolo del capitolo. Le combinazioni di colori e la visualizzazione dell'IP sono due interruttori indipendenti: puoi usare la tua combinazione di colori senza mostrare il personaggio, o passare a una combinazione di colori consigliata mantenendo il personaggio.
4. A chi sarà utile?
Se i tuoi articoli sono principalmente completati in Word e usi raramente codice, tabelle o Markdown, questo strumento potrebbe non essere una necessità.
I seguenti scenari sono più adatti:
- Convertire frequentemente lunghi post da X, note o Markdown in articoli WeChat;
- Usare l'AI per scrivere bozze ma non voler riformattare nel backend WeChat;
- Scrivere tutorial su strumenti AI con molti blocchi di codice e codice inline;
- Gestire un account personale, uno studio o più IP diversi contemporaneamente;
- Voler mantenere uno stile visivo coerente per l'Account Ufficiale senza dover regolare i formati da zero ogni volta.
Punk Weipai si concentra attualmente sulla formattazione. Non riscriverà articoli per te, né ha copertine generate dall'AI. L'ambito è ristretto, quindi dopo aver aperto la pagina, inserisci la bozza, regola lo stile e copia per pubblicare.
5. Puoi eseguire prima questo flusso di lavoro minimo
Quando lo usi per la prima volta, non affrettarti a studiare tutte le impostazioni. Segui questi tre passaggi:
- Apri il sito e guarda l'anteprima a destra dell'esempio predefinito;
- Incolla il tuo Markdown a sinistra e scegli una combinazione di colori già pronta;
- Clicca "Copia nell'Account Ufficiale" e incolla nella casella della bozza per controllare una volta.
Una volta che questo percorso è chiaro, vai avanti e carica il tuo IP, regola i codici colore, cambia gli stili dei capitoli e salva i finali fissi.
La frase che ho impostato per questo strumento è:
Che ogni buon contenuto abbia un buon layout.
Se anche tu ti trovi spesso bloccato al punto "l'articolo è finito, ma la formattazione dell'Account Ufficiale no," puoi provarlo direttamente:
https://weipai.iamadrianpunk.com
Informazioni sull'Autore
Punk｜Master in Management, USTC｜AI Prompts, Tutorial AI per Principianti｜Autore delle Skill della Serie Punk｜Guadagnato 8 cifre in 3 mesi｜Impara in Pubblico｜Visualizzazioni articoli FDE 2,4 milioni｜@AdrianPunk115
