37 KiB
Wprowadzenie
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.
Cechy
- 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.
Stosowanie
Import
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ć!
Dostosowywanie
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.
Eksportowanie i udostępnianie
Po dostosowaniu obrazu możesz udostępnić swój snippet na wiele sposobów
Utwórz zapisany snippet
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!
Osadź snippet
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.
Użyj przycisku Tweet
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.
Pobierz obraz bezpośrednio
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.
Instalowanie Carbon for Desktop (Offline)
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..."
Społeczność
Sprawdź te projekty, które stworzyła nasza niesamowita społeczność:
Wtyczki edytora
- 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
Narzędzia
- 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.
Cytaty
- "CS 101 - An Introduction to Computational Thinking" - podręcznik informatyki autorstwa Sarbo Roy.
Autorzy
Carbon jest projektem od:
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
Licencja
Wnieś wkład i wsparcie
Pull requesty są mile widziane! Zobacz nasze contributing guidelines aby uzyskać więcej szczegółów.
Sponsorzy
Czy twoja firma używa Carbon? Rozważ sponsorowanie projektu, aby sfinansować nowe funkcje, poprawki błędów i nie tylko.
Backers
Uwielbiasz używać Carbon? Rozważ wsparcie projektu w celu sfinansowania nowych funkcji i ulepszeń
Podziękowania dla
▲ Vercel za sponsorowanie hostingu dla Carbon.
Wszyscy współtwórcy
Podziękowania dla wszystkich tych wspaniałych ludzi (emoji key):
