Lengvai sukurkite gražius šaltinio kodo vaizdus naudodami anglį

„Twitter“ ir kitos socialinės žiniasklaidos platformos yra puikūs būdai dalytis nedideliais naudingo šaltinio kodo fragmentais. Malonu šiek tiek puošti šiuos pavyzdžius gražiomis spalvomis ar puošnia dekoracija.

„Carbon“ žiniatinklio programa leidžia jums sukurti šaltinio kodo pavyzdžių vaizdus. Jame pateikiamos kelios funkcijos, įskaitant sintaksės paryškinimą, įvairius šriftus ir temas. Tada jis leidžia jums nukopijuoti kodo vaizdą į „Medium“, tweetinti jį arba išsaugoti kaip vaizdo failą.

Anglies naudojimo pagrindai

Anglies pagrindinis puslapis pagrindiniame teksto laukelyje pateikia kodo pavyzdį. Tai jau naudinga paslaugos demonstracija. Tai parodo tikslią jūsų sukurto vaizdo peržiūrą.

Pirmiausia įveskite kodą. Galite nukopijuoti ir įklijuoti iš teksto rengyklės arba tiesiogiai įvesti. Atkreipkite dėmesį, kad teksto laukelis išsiplečia iki ilgiausios jūsų eilutės pločio.

Kaip pritaikyti šaltinio kodo vaizdą

„Carbon“ sukuria jūsų šaltinio kodo vaizdą su sintakse paryškintu, spalvotu tekstu. Jis pateikia jūsų kodą pagrindiniame lange ant fono spalvos ar paveikslėlio.

Temos nustatymas leidžia pritaikyti teksto spalvų paletę iš anksto nustatyto diapazono. Daugelis šių temų yra įprastai naudojamos tarp teksto redaktorių ir kitos esamos programinės įrangos.

Kalbos nustatymas bus Automatinis pagal nutylėjimą, todėl anglis bandys atspėti kalbą. Tačiau geriausia išskleidžiamajame meniu pasirinkti konkrečią kalbą. Kai kurias kalbas sunku aptikti vien iš šaltinio kodo.

Žemesniame lygyje „Carbon“ pateikia įvairius stiliaus nustatymus, kad patobulintų galutinį kodo vaizdą. Visa tai galima rasti nustatymų meniu su krumpliaračio piktograma:

Galite pasirinkti iš 15 skirtingų monospace šriftų. Galite įtraukti lango valdiklius į savo atvaizdą ir keisti jo plotį ar užpildą aplink kodo langą. Taip pat galite pakeisti eilutės aukštį, šrifto dydį ir įtraukti eilučių numerius. Jei dažnai naudojatės paslauga, galite išsaugoti nustatymus kaip iš anksto nustatytus būsimam naudojimui.

„Carbon’s Integration With GitHub Gists“

Labai naudinga funkcija leidžia įkelti šaltinio kodą iš a „GitHub“ esmė. Atlikite tai pridėdami „Gist“ ID prie „Carbon“ domeno, kad gautumėte tokio formato URL:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Tada „Carbon“ importuos šaltinio kodą iš to „Gist“ ir galėsite laisvai dirbti su juo, tarsi jį įvestumėte tiesiogiai.

Kaip eksportuoti kodo vaizdą iš anglies

Konfigūravę kodo pavyzdį pagal savo skonį, pats laikas juo pasinaudoti. Čia turite dvi pagrindines parinktis: „Twitter“ arba išsaugokite ją kaip failą.

Pagrindinis „Carbon“ tikslas yra patobulinti „Twitter“ paskelbtus kodo atvaizdus, ​​todėl „Twitter“ pateikia savo pirmąjį eksporto variantą. Paspaudus Čivināšana mygtukas atidaro „Twitter“ kūrimo dialogo langą. „Twitter“ iš anksto užpildytas URL, kuris konvertuojamas į įkeltą vaizdą, kai siunčiate „Twitter“. Be to, galite redaguoti „Twitter“, kaip jums atrodo tinkama.

Vaizdo kaip failo atsisiuntimas suteikia šiek tiek daugiau lankstumo. Galite eksportuoti kaip PNG arba SVG ir mastelį keisti dydį.

„Carbon“ taip pat leidžia nukopijuoti ir įklijuoti jūsų sukurtą vaizdą. Jame yra parinktis, leidžianti įterpti kodą į „Medium“ įrašą arba įkelti vaizdą į „Imgur“.

Šaltinio kodo bendrinimo vaizde nauda

Šaltinio kodo kaip vaizdo bendrinimas turi keletą privalumų. Visų pirma „Twitter“ tai padeda apeiti maksimalų „tweet“ ilgį. Teoriškai galite kurti vaizdus, ​​kuriuose yra daug daugiau kodo, nei leidžia „Twitter“ teksto apribojimas.

Susijęs: Kaip rašyti ilgesnius tweets

Pagrindinis anglies bruožas yra sintaksės paryškinimas. Šiuo metu sintaksėje negalima paryškinti paprasto teksto „Twitter“ ar daugelyje kitų paslaugų.

Taip pat šiek tiek lengviau dalytis ir išsaugoti šaltinio kodo vaizdus nei šaltinio kodo tekstą. Tačiau jie gali neskatinti šaltinio kodo kopijuoti, o tai gali būti naudinga. Galite nerimauti, kad žmonės gali nukopijuoti jūsų kodą nesuprasdami, ką jis iš tikrųjų veikia.

Šaltinio kodo įterpimo į vaizdą trūkumai

Vaizdai užima daug daugiau vietos nei tekstas. Nors ir įmanoma išgauti tekstą iš vaizdų, vis tiek reikia papildomų pastangų.

Svarbiausia, kad vaizdas vaizduose dažnai yra nepasiekiamas tiems, kurie jo nemato. Pavyzdžiui, ekrano skaitytuvai negali pasiekti tokio teksto. „Carbon“ mygtukas „Tweet“ automatiškai pateikia alternatyvų tekstą, kuris sušvelnina šią problemą.

Anglies naudojimas norint dalytis savo kodo fragmentais

„Carbon“ leidžia lengvai sukurti patrauklius šaltinio kodo fragmentų vaizdus. Tai paprasta žiniatinklio programa, kurioje daugiausia dėmesio skiriama vienai konkrečiai užduočiai, kurią pakanka pritaikyti.

Anglis jūsų šaltinio kodo tekstą paverčia vaizdais ir tai ne visada gali būti tinkama. Jei norite bendrinti kodą kaip faktinį tekstą, yra daugybė galimybių tai padaryti.

4 geriausios „Pastebin“ alternatyvos kodo ir teksto bendrinimui

Šios „Pastebin“ alternatyvos leidžia jums lengvai įvesti, įklijuoti ir bendrinti kodo ar teksto blokus internete su kitais.

Apie autorių