## Wprowadzenie
Znasz [wszystkie te](https://twitter.com/dan_abramov/status/890191815567175680) [zrzuty ekranu](https://twitter.com/reactjs/status/890511993261654017) [z kodu](https://twitter.com/zeithq/status/805779711154647040) 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/`](https://carbon.now.sh/3208813b324d82a9ebd197e4b1c3bae8))
- 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:
1. Zaloguj się za pomocą przycisku "Zaloguj się/Zarejestruj się"
2. Edytuj jak zwykle - twój fragment zostanie zapisany automatycznie
3. 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](https://help.twitter.com/en/using-twitter/picture-descriptions).
##### 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:
1. Odwiedź [carbon.now.sh](https://carbon.now.sh)
2. Kliknij menu ustawień przeglądarki
3. Kliknij "Install Carbon..."
## Społeczność
Sprawdź te projekty, które stworzyła nasza niesamowita społeczność:
##### Wtyczki edytora
- [IntelliJ IDEA `carbon-now-sh`](https://plugins.jetbrains.com/plugin/10469-carbon-now-sh) - Otwórz wybór w bieżącym pliku IntelliJ IDEA w Carbon za pomocą menu kontekstowego
- [Atom `carbon-now-sh`](https://atom.io/packages/carbon-now-sh) - Otwórz swój bieżący plik Atom w Carbon za pomocą `shift-cmd-A`
- [VS Code `carbon-now-sh`](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh) - Otwórz bieżący plik VS Code w Carbon za pomocą polecenia `carbon`
- [Sublime Text 3 `carbon-now-sh`](https://github.com/molnarmark/carbonSublime) - Otwórz zaznaczenie w bieżącym pliku Sublime Text 3 za pomocą niestandardowego powiązanego klucza
- [Vim `carbon-now-sh`](https://github.com/kristijanhusak/vim-carbon-now-sh) - Otwórz wybór w aktualnym Vimie/Neovimie za pomocą funkcji `CarbonNowSh()`
- [Emacs `carbon-now-sh`](https://github.com/veelenga/carbon-now-sh.el) - Otwórz zaznaczenie w aktualnym Emacsie za pomocą funkcji interaktywnej `carbon-now-sh`
- [Xcode `carbon-now-sh`](https://github.com/StevenMagdy/CarboNow4Xcode) - Otwórz bieżący wybór w `carbon.now.sh`
- [Xcode `nef`](https://github.com/bow-swift/nef-plugin) - To rozszerzenie Xcode umożliwia wyeksportowanie wybranego kodu jako snippetu Carbon w jednej akcji
##### Narzędzia
- [CLI `carbon-now-cli`](https://github.com/mixn/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](https://codeexpander.com) - Inteligentny klient GitHub z funkcjami TextExpander
- [`nef`](https://github.com/bow-swift/nef#-exporting-carbon-code-snippets) - Eksportuj wiele fragmentów kodu Carbon z `Xcode Playground`.
- [`@carbonshbot`](https://t.me/carbonshbot) - Chatbot Telegrama, który pobiera fragment kodu lub główny adres URL i generuje obraz Carbon
- [R `carbonate`](https://yonicd.github.io/carbonate/) - teracyjnie manipuluj estetyką obrazu w `R` i albo otwórz w Carbon, albo pobierz bezpośrednio.
##### Cytaty
- ["CS 101 - An Introduction to Computational Thinking"](https://itunes.apple.com/us/book/id1435714196) - podręcznik informatyki autorstwa Sarbo Roy.
## Autorzy
Carbon jest projektem od:
- Mike Fix ([@mfix22](https://twitter.com/fixitup2))
- Brian Dennis ([@briandennis](https://github.com/briandennis))
- Jake Dexheimer ([@jakedex](https://github.com/jakedex))
#### Licencja
[](https://app.fossa.com/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon?ref=badge_large)
---
## Wnieś wkład i wsparcie
Pull requesty są mile widziane! Zobacz nasze [contributing guidelines](/.github/CONTRIBUTING.md) 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 ](https://vercel.com/) za sponsorowanie hostingu dla Carbon.
[](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Fcarbon-app%2Fcarbon&project-name=carbon&repo-name=carbon)
### Wszyscy współtwórcy
Podziękowania dla wszystkich tych wspaniałych ludzi ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
