Z łatwością twórz piękne obrazy kodu źródłowego za pomocą węgla

Twitter i inne platformy mediów społecznościowych to świetne sposoby na udostępnianie małych fragmentów przydatnego kodu źródłowego. Fajnie jest trochę urozmaicić te próbki ładnymi kolorami lub fantazyjną dekoracją.

Aplikacja internetowa Carbon umożliwia tworzenie obrazów próbek kodu źródłowego. Zapewnia kilka funkcji, w tym podświetlanie składni, różne czcionki i motywy. Następnie pozwala skopiować obraz kodu do Medium, opublikować go na Twitterze lub zapisać jako plik obrazu.

Podstawy używania węgla

Plik Strona główna Carbon wyświetla przykładowy kod w głównym polu tekstowym. To już jest przydatna demonstracja usługi. Pokazuje dokładny podgląd rodzaju obrazu, który możesz utworzyć.

Zacznij od wpisania kodu. Możesz skopiować i wkleić z edytora tekstu lub wpisać go bezpośrednio. Zwróć uwagę, że pole tekstowe rozszerza się do szerokości najdłuższej linii.

Jak dostosować obraz kodu źródłowego

Carbon tworzy obraz twojego kodu źródłowego z podświetlonym składnią, kolorowym tekstem. Przedstawia Twój kod w podstawowym oknie na tle koloru lub obrazu.

Ustawienie motywu umożliwia zastosowanie palety kolorów tekstu ze wstępnie zdefiniowanego zakresu. Wiele z tych motywów jest powszechnie używanych w edytorach tekstu i innym istniejącym oprogramowaniu.

Ustawienie języka będzie Automatyczny domyślnie, więc Carbon spróbuje odgadnąć język. Najlepiej jednak wybrać konkretny język z menu. Niektóre języki są trudne do wykrycia na podstawie samego kodu źródłowego.

Na niższym poziomie Carbon zapewnia różne ustawienia stylu, aby ulepszyć ostateczny obraz kodu. Są one dostępne w menu ustawień z ikoną koła zębatego:

Możesz wybierać spośród 15 różnych czcionek o stałej szerokości. Możesz dołączyć kontrolki okna do swojego obrazu i zmieniać jego szerokość lub dopełnienie wokół okna kodu. Możesz także zmienić wysokość wiersza, rozmiar czcionki i dołączyć numery wierszy. Jeśli często korzystasz z tej usługi, możesz zapisać swoje ustawienia jako ustawienia wstępne do wykorzystania w przyszłości.

Integracja węgla z GitHub Gists

Bardzo przydatna funkcja umożliwia ładowanie kodu źródłowego z pliku GitHub Gist. Zrób to, dołączając identyfikator Gist do domeny Carbon, aby uzyskać adres URL w tym formacie:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Carbon następnie zaimportuje kod źródłowy z tego Gista i możesz z nim pracować tak, jakbyś wpisał go bezpośrednio.

Jak wyeksportować obraz kodu z węgla

Po skonfigurowaniu próbki kodu zgodnie z własnymi upodobaniami nadszedł czas, aby z niego skorzystać. Masz tutaj dwie główne opcje: opublikuj go na Twitterze lub zapisz jako plik.

Głównym celem Carbon jest ulepszenie obrazów kodu publikowanych na Twitterze, dlatego tweetowanie jest pierwszą opcją eksportu. Naciśnięcie Ćwierkać otwiera okno dialogowe tworzenia tweetów w wyskakującym okienku. Tweet jest wstępnie wypełniony adresem URL, który jest konwertowany na przesłany obraz podczas wysyłania tweeta. Poza tym możesz edytować tweet według własnego uznania.

Pobieranie obrazu jako pliku zapewnia nieco większą elastyczność. Możesz wyeksportować go jako plik PNG lub SVG i skalować rozmiar podczas tego.

Carbon umożliwia również kopiowanie i wklejanie utworzonego obrazu. Zawiera opcję, która umożliwia osadzenie kodu w poście Medium lub przesłanie obrazu do Imgur.

Korzyści z udostępniania kodu źródłowego w obrazie

Udostępnianie kodu źródłowego jako obrazu ma kilka zalet. W szczególności w przypadku Twittera pomaga to ominąć maksymalną długość tweeta. Teoretycznie możesz tworzyć obrazy zawierające znacznie więcej kodu, niż pozwala na to limit tekstu na Twitterze.

Związane z: Jak pisać dłuższe tweety

Główną cechą Carbon jest podświetlanie składni. Obecnie nie można wyróżniać składni zwykłego tekstu na Twitterze ani w wielu innych usługach.

Obrazy kodu źródłowego są również nieco łatwiejsze do udostępniania i przechowywania niż tekst kodu źródłowego. Ale mogą zniechęcać do kopiowania kodu źródłowego, co może być dobrą rzeczą. Możesz się martwić, że ludzie mogą skopiować Twój kod bez zrozumienia, do czego on właściwie służy.

Wady osadzania kodu źródłowego w obrazie

Obrazy zajmują dużo więcej miejsca niż tekst. Chociaż jest to możliwe wyodrębnić tekst z obrazów, nadal wymaga dodatkowego wysiłku.

Co najważniejsze, tekst na obrazach jest często niedostępny dla tych, którzy go nie widzą. Na przykład czytniki ekranu mogą nie mieć dostępu do takiego tekstu. Przycisk Tweet firmy Carbon automatycznie wyświetla tekst alternatywny, który łagodzi ten problem.

Używanie węgla do udostępniania fragmentów kodu

Carbon umożliwia łatwe tworzenie atrakcyjnych obrazów fragmentów kodu źródłowego. Jest to prosta aplikacja internetowa, która koncentruje się na jednym konkretnym zadaniu i wymaga tylko wystarczających dostosowań.

Carbon konwertuje tekst kodu źródłowego na obrazy i nie zawsze jest to właściwe. Jeśli chcesz udostępnić swój kod jako rzeczywisty tekst, możesz to zrobić na wiele sposobów.

4 najlepsze alternatywy dla pastebinów do udostępniania kodu i tekstu

Te alternatywy Pastebin umożliwiają łatwe wpisywanie, wklejanie i udostępnianie bloków kodu lub tekstu innym osobom online.

O autorze