Twitter e altre piattaforme di social media sono ottimi modi per condividere piccoli frammenti di codice sorgente utile. È bello abbellire un po 'questi campioni con dei bei colori o decorazioni fantasiose.
L'app Web Carbon consente di creare immagini di esempi di codice sorgente. Fornisce diverse funzionalità tra cui l'evidenziazione della sintassi, vari caratteri e temi. Ti consente quindi di copiare l'immagine del codice su Medium, twittarla o salvarla come file immagine.
Le basi dell'utilizzo del carbonio
Il Home page di carbonio mostra un codice di esempio nella sua casella di testo principale. Questa è già un'utile dimostrazione del servizio. Ti mostra un'anteprima accurata del tipo di immagine che puoi creare.
Inizia inserendo un codice. Puoi copiare e incollare da un editor di testo o digitarlo direttamente. Notare che la casella di testo si espande alla larghezza della riga più lunga.
Come personalizzare l'immagine del codice sorgente
Carbon crea un'immagine del codice sorgente con testo colorato e evidenziato dalla sintassi. Presenta il codice in una finestra di base sopra un colore o un'immagine di sfondo.
L'impostazione del tema consente di applicare una tavolozza dei colori del testo da un intervallo predefinito. Molti di questi temi sono di uso comune tra gli editor di testo e altri software esistenti.
L'impostazione della lingua sarà Auto per impostazione predefinita, quindi Carbon tenterà di indovinare la lingua. Ma è meglio selezionare la lingua specifica tramite il menu a discesa. Alcune lingue sono difficili da rilevare dal solo codice sorgente.
A un livello inferiore, Carbon fornisce varie impostazioni di stile per modificare l'immagine del codice finale. Questi sono tutti disponibili nel menu delle impostazioni con l'icona dell'ingranaggio:
È possibile selezionare da una gamma di 15 diversi caratteri a spaziatura fissa. Puoi includere i controlli della finestra nell'immagine e variare la sua larghezza o il riempimento intorno alla sua finestra del codice. Puoi anche modificare l'altezza della riga, la dimensione del carattere e includere i numeri di riga. Se si utilizza spesso il servizio, è possibile salvare le impostazioni come preimpostazioni per un utilizzo futuro.
Integrazione di Carbon con GitHub Gist
Una funzionalità molto utile consente di caricare il codice sorgente da un file GitHub Gist. Fallo aggiungendo il Gist ID al dominio di Carbon per ottenere un URL in questo formato:
https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7Carbon quindi importerà il codice sorgente da quel Gist e sarai quindi libero di lavorarci come se lo avessi digitato direttamente.
Come esportare un'immagine di codice da Carbon
Dopo aver configurato il codice di esempio a tuo piacimento, è il momento di utilizzarlo. Hai due opzioni principali qui: twittarlo o salvarlo come file.
L'obiettivo principale di Carbon è migliorare le immagini del codice pubblicate su Twitter, quindi presenta il tweet come prima opzione di esportazione. Premendo il pulsante Tweet apre una finestra di dialogo per la creazione di tweet in una finestra popup. Il tweet è precompilato con un URL che si converte in un'immagine caricata quando invii il tweet. Oltre a ciò, puoi modificare il tweet come meglio credi.
Il download dell'immagine come file fornisce un po 'più di flessibilità. Puoi esportarlo come PNG o SVG e ridimensionare le dimensioni mentre lo fai.
Carbon ti consente anche di copiare e incollare l'immagine che hai creato. Include un'opzione che ti consente di incorporare il codice in un post medio o caricare l'immagine su Imgur.
I vantaggi della condivisione del codice sorgente in un'immagine
La condivisione del codice sorgente come immagine presenta diversi vantaggi. Per Twitter, in particolare, aiuta a aggirare la lunghezza massima del tweet. In teoria, puoi creare immagini contenenti molto più codice di quanto consentito dal limite di testo di Twitter.
Relazionato: Come scrivere tweet più lunghi
La caratteristica principale di Carbon è l'evidenziazione della sintassi. Al momento non è possibile evidenziare la sintassi del testo normale su Twitter o su molti altri servizi.
Le immagini del codice sorgente sono anche leggermente più facili da condividere e archiviare rispetto al testo del codice sorgente. Ma possono scoraggiare la copia del codice sorgente, il che potrebbe essere una buona cosa. Potresti preoccuparti che le persone possano copiare il tuo codice senza capire cosa fa effettivamente.
Gli svantaggi dell'incorporamento del codice sorgente in un'immagine
Le immagini occupano molto più spazio di archiviazione rispetto al testo. Sebbene sia possibile estrarre il testo dalle immagini, richiede ancora uno sforzo extra.
Soprattutto, il testo nelle immagini è spesso inaccessibile a coloro che non possono vederlo. I lettori di schermo, ad esempio, potrebbero non essere in grado di accedere a tale testo. Il pulsante Tweet di Carbon fornisce automaticamente il testo alternativo che mitiga questo problema.
Utilizzo di Carbon per condividere i tuoi frammenti di codice
Carbon ti consente di creare facilmente immagini attraenti di frammenti di codice sorgente. È una semplice app web che si concentra su un'attività specifica con una personalizzazione sufficiente.
Carbon converte il testo del codice sorgente in immagini e questo potrebbe non essere sempre appropriato. Se desideri condividere il tuo codice come testo effettivo, ci sono molte opzioni per farlo.
Queste alternative Pastebin ti consentono di digitare, incollare e condividere facilmente blocchi di codice o testo con altri in linea.
- Programmazione
- Programmazione
- Social media
Bobby è un appassionato di tecnologia che ha lavorato come sviluppatore di software per quasi due decenni. È appassionato di giochi, lavora come revisore per Switch Player Magazine ed è immerso in tutti gli aspetti dell'editoria online e dello sviluppo web.
Iscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Ancora un passo…!
Conferma il tuo indirizzo e-mail nell'e-mail che ti abbiamo appena inviato.
