Luo helposti kauniita lähdekoodikuvia hiilellä

Twitter ja muut sosiaalisen median alustat ovat loistavia tapoja jakaa pieniä otteita hyödyllisestä lähdekoodista. On mukavaa kerätä näitä näytteitä hieman hienoilla väreillä tai hienolla koristeella.

Carbon-verkkosovelluksen avulla voit luoda kuvia lähdekoodinäytteistä. Se tarjoaa useita ominaisuuksia, kuten syntaksikorostuksen, erilaisia ​​fontteja ja teemoja. Sen avulla voit kopioida koodikuvan Mediumiin, tweetata sitä tai tallentaa sen kuvatiedostona.

Hiilen käytön perusteet

Hiili-kotisivu näyttää esimerkkikoodin päätekstikentällään. Tämä on jo hyödyllinen osoitus palvelusta. Se näyttää tarkan esikatselun luodusta kuvasta.

Aloita kirjoittamalla koodi. Voit kopioida ja liittää tekstieditorista tai kirjoittaa sen suoraan. Huomaa, että tekstiruutu laajenee pisimmän viivan leveydelle.

Lähdekoodikuvan mukauttaminen

Carbon luo kuvan lähdekoodistasi syntaksilla korostetulla, värillisellä tekstillä. Se näyttää koodisi perusikkunassa taustavärin tai kuvan päällä.

Teema-asetuksen avulla voit käyttää tekstiväripalettia ennalta määritetyltä alueelta. Monet näistä teemoista ovat yleisesti käytössä tekstieditorien ja muiden olemassa olevien ohjelmistojen keskuudessa.

Kieliasetus on Auto oletuksena, joten Carbon yrittää arvata kieltä. Mutta on parasta valita tietty kieli avattavasta valikosta. Joitakin kieliä on vaikea havaita pelkästään lähdekoodista.

Alemmalla tasolla Carbon tarjoaa erilaisia ​​tyyliasetuksia lopullisen koodikuvan säätämiseksi. Nämä kaikki ovat saatavilla asetusvalikossa ja vaihdekuvake:

Voit valita 15 erilaisten monospace-fonttien joukosta. Voit sisällyttää kuvaan ikkunaohjaimia ja muuttaa sen leveyttä tai koodausikkunan ympärillä olevaa täytettä. Voit myös muuttaa rivin korkeutta, kirjasinkokoa ja lisätä rivinumeroita. Jos käytät palvelua usein, voit tallentaa asetukset ennalta tulevaa käyttöä varten.

Carbonin integraatio GitHub Gistsin kanssa

Erittäin hyödyllisen ominaisuuden avulla voit ladata lähdekoodin a GitHub Gist. Tee tämä liittämällä Gist ID Carbonin verkkotunnukseen saadaksesi URL-osoite tässä muodossa:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon tuo sitten lähdekoodin tuosta sisällöstä ja voit sitten työskennellä sen kanssa samalla tavalla kuin jos kirjoitit sen suoraan.

Koodikuvan vienti hiilestä

Kun olet määrittänyt koodinäytteen mieleisekseen, on aika käyttää sitä. Sinulla on kaksi päävaihtoehtoa: twiitti tai tallenna se tiedostona.

Carbonin päätavoitteena on parantaa Twitteriin lähetettyjä koodikuvia, joten se esittää tweetoinnin ensimmäisenä vientivaihtoehtonaan. Painamalla Tweet -painike avaa tweetin luomisen valintaikkunan ponnahdusikkunassa. Tweet on esitäytetty URL-osoitteella, joka muuntuu ladatuksi kuvaksi, kun lähetät tweetin. Sen lisäksi voit muokata twiittiä mielesi mukaan.

Kuvan lataaminen tiedostona tarjoaa hieman enemmän joustavuutta. Voit viedä sen PNG- tai SVG-muodossa ja skaalata koon samalla.

Carbonin avulla voit myös kopioida ja liittää luomasi kuvan. Se sisältää vaihtoehdon, jonka avulla voit upottaa koodin Medium-viestiin tai ladata kuvan Imguriin.

Lähdekoodin jakamisen edut kuvassa

Lähdekoodin jakaminen kuvana on useita etuja. Erityisesti Twitterille se auttaa kiertämään tweetin enimmäispituuden. Teoriassa voit luoda kuvia, jotka sisältävät paljon enemmän koodia kuin Twitterin tekstiraja sallii.

Liittyvät: Kuinka kirjoittaa pidempiä twiittejä

Carbonin pääominaisuus on syntaksikorostus. Et voi tällä hetkellä syntaksi korostaa pelkkää tekstiä Twitterissä tai monissa muissa palveluissa.

Lähdekoodikuvia on myös hieman helpompi jakaa ja tallentaa kuin lähdekooditekstejä. Mutta he voivat estää lähdekoodien kopioinnin, mikä saattaa olla hyvä asia. Saatat huolestua siitä, että ihmiset voivat kopioida koodisi ymmärtämättä, mitä se todella tekee.

Lähdekoodin upottaminen kuvaan

Kuvat vievät paljon enemmän tallennustilaa kuin teksti. Vaikka se on mahdollista poimia tekstiä kuvista, se vaatii edelleen ylimääräistä vaivaa.

Mikä tärkeintä, kuvien teksti on usein saavuttamaton niille, jotka eivät näe sitä. Esimerkiksi näytönlukijat eivät välttämättä pysty käyttämään tällaista tekstiä. Carbonin Tweet-painike antaa automaattisesti vaihtoehtoisen tekstin, joka lieventää tätä ongelmaa.

Carbonin käyttäminen koodinpätkien jakamiseen

Hiilen avulla voit luoda helposti houkuttelevia kuvia lähdekoodinpätkistä. Se on yksinkertainen verkkosovellus, joka keskittyy yhteen tiettyyn tehtävään ja sisältää tarpeeksi mukautuksia.

Hiili muuntaa lähdekooditekstisi kuviksi, mikä ei välttämättä aina ole tarkoituksenmukaista. Jos haluat jakaa koodisi todellisena tekstinä, siihen on monia vaihtoehtoja.

4 parasta pastebin-vaihtoehtoa koodin ja tekstin jakamiseen

Näiden Pastebin-vaihtoehtojen avulla voit kirjoittaa, liittää ja jakaa koodi- tai tekstilohkoja helposti verkossa muiden kanssa.

Kirjailijasta