Znasz wszystkie te zrzuty ekranu z kodu które widzisz na Twitterze? Chociaż kod zazwyczaj robi wrażenie, widzieliśmy miejsce na ulepszenia w dziale estetyki. Carbon ułatwia tworzenie i udostępnianie pięknych obrazów kodu źródłowego. Więc na co czekasz? Zaimponuj wszystkim swoim obserwatorom swoją nowo odkrytą umiejętnością projektowania.
- Dostosowywanie. Dostosuj takie elementy, jak motyw składni obrazu, styl czcionki i nie tylko
- Udostępniaj szybko. Zapisz swój obraz lub link za jednym kliknięciem
- Zapisz snippety. Utwórz konto, aby zapisać snippety na później. Udostępnione fragmenty są automatycznie rozwijane na Twitterze i Slacku.
Istnieje kilka różnych sposobów importowania kodu do Carbon:
- Upuść plik do edytora
- Dołącz identyfikator gist GitHub do adresu URL (np.
carbon.now.sh/<gist_id_goes_here>) - Lub po prostu zacznij pisać!
Po umieszczeniu całego kodu w Carbon możesz dostosować swój obraz, zmieniając motyw składni, kolor tła, motyw okna, dopełnienie, cienie, czcionki i nie tylko.
Po dostosowaniu obrazu możesz udostępnić swój snippet na wiele sposobów
Udostępnienie zapisanego snippeta spowoduje automatyczne rozwinięcie obrazu na platformach takich jak Twitter i Slack. Dzięki temu użytkownicy mogą zobaczyć twoje dzieło, jednocześnie dając im dostęp do kodu źródłowego za pośrednictwem linku. Jeszcze lepiej, jeśli chcesz dokonać aktualizacji, po prostu skorzystaj z łącza, aby bezpośrednio edytować fragment.
Aby utworzyć zapisany snippet:
- Zaloguj się za pomocą przycisku "Zaloguj się/Zarejestruj się"
- Edytuj jak zwykle - twój fragment zostanie zapisany automatycznie
- Skopiuj adres URL z okna przeglądarki i udostępnij!
Jest to zalecana metoda udostępniania Carbon na własnej stronie internetowej lub blogu. Czytelnicy mogą nawet skopiować kod jednym kliknięciem przycisku.
Możesz osadzić dowolny fragment Carbon w swojej witrynie bezpośrednio za pomocą rozszerzenia carbon.now.sh/embed URL. "Copy Menu" umożliwia szybkie skopiowanie prawidłowego fragmentu elementu iFrame lub zakodowanego adresu URL w celu umieszczenia na platformach takich jak Medium.
Na koniec możesz również osadzić zapisane snippety lub gisty GitHub za pomocą carbon.now.sh/embed/:id.
Przycisk Tweet nie tylko udostępni obraz na Twitterze, ale także poprawnie zakoduje tekst alt, aby zapewnić dostępność obrazów. Jeśli jednak chcesz samodzielnie tweetować obraz, sprawdź jak udostępnić swoje obrazy na Twitterze.
Carbon obsługuje pobieranie obrazu w formacie PNG i SVG. Możesz także klikną Export → Open, aby otworzyć obraz bezpośrednio w przeglądarce. Na koniec możesz skopiować obraz Carbon bezpośrednio do schowka, przechodząc do Copy → Image.
Jeśli korzystasz z Google Chrome lub innej przeglądarki obsługującej progresywne aplikacje internetowe, możesz zainstalować Carbon do użytku w trybie offline przez:
- Odwiedź carbon.now.sh
- Kliknij menu ustawień przeglądarki
- Kliknij "Install Carbon..."
Sprawdź te projekty, które stworzyła nasza niesamowita społeczność:
- IntelliJ IDEA
carbon-now-sh- Otwórz wybór w bieżącym pliku IntelliJ IDEA w Carbon za pomocą menu kontekstowego - Atom
carbon-now-sh- Otwórz swój bieżący plik Atom w Carbon za pomocąshift-cmd-A - VS Code
carbon-now-sh- Otwórz bieżący plik VS Code w Carbon za pomocą poleceniacarbon - Sublime Text 3
carbon-now-sh- Otwórz zaznaczenie w bieżącym pliku Sublime Text 3 za pomocą niestandardowego powiązanego klucza - Vim
carbon-now-sh- Otwórz wybór w aktualnym Vimie/Neovimie za pomocą funkcjiCarbonNowSh() - Emacs
carbon-now-sh- Otwórz zaznaczenie w aktualnym Emacsie za pomocą funkcji interaktywnejcarbon-now-sh - Xcode
carbon-now-sh- Otwórz bieżący wybór wcarbon.now.sh - Xcode
nef- To rozszerzenie Xcode umożliwia wyeksportowanie wybranego kodu jako snippetu Carbon w jednej akcji
- CLI
carbon-now-cli- Otwórz plik w Carbon lub pobierz go bezpośrednio za pomocącarbon-now, zawierającego tryb interaktywny, selektywne podświetlanie i nie tylko - CodeExpander - Inteligentny klient GitHub z funkcjami TextExpander
nef- Eksportuj wiele fragmentów kodu Carbon zXcode Playground.@carbonshbot- Chatbot Telegrama, który pobiera fragment kodu lub główny adres URL i generuje obraz Carbon- R
carbonate- teracyjnie manipuluj estetyką obrazu wRi albo otwórz w Carbon, albo pobierz bezpośrednio.
- "CS 101 - An Introduction to Computational Thinking" - podręcznik informatyki autorstwa Sarbo Roy.
Carbon jest projektem od:
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
Pull requesty są mile widziane! Zobacz nasze contributing guidelines aby uzyskać więcej szczegółów.
Czy twoja firma używa Carbon? Rozważ sponsorowanie projektu, aby sfinansować nowe funkcje, poprawki błędów i nie tylko.
Uwielbiasz używać Carbon? Rozważ wsparcie projektu w celu sfinansowania nowych funkcji i ulepszeń
▲ Vercel za sponsorowanie hostingu dla Carbon.
Podziękowania dla wszystkich tych wspaniałych ludzi (emoji key):
