41 KiB
Translations
Español | हिंदी | Deutsch | 简体中文 | Português | മലയാളം | Türkçe | 한국어 | தமிழ் |
Français | 日本語 | Svenska | Polski | Nederlands | 臺灣 | Indonesia | Add + |
Perkenalan
Tahukah Anda dari semua hasil tangkapan layar kode sumber yang Anda lihat di twitter? Meskipun kodenya biasanya mengesankan, kami melihat peluang untuk peningkatan dalam nilai estetika. Carbon memudahkan Anda untuk membuat dan berbagi kode sumber Anda menjadi sebuah gambar yang indah. Jadi tunggu apalagi? Buat semua pengikut Anda terkesan dengan keterampilan desain baru Anda.
Fitur
- Personalisasi. Anda dapat menyesuaikan berbagai hal untuk gambar yang Anda buat, contohnya seperti tema sintaksis, font, dan lainnya
- Bagikan dengan cepat. Anda dapat menyimpan atau membagikan gambar yang Anda buat dengan satu kali klik
- Simpan Potongan. Anda dapat membuat akun untuk menyimpan potongan kode yang dapat digunakan nanti. Potongan akan dibagikan secara otomatis di Twitter dan Slack.
Penggunaan
Impor
Ada beberapa cara berbeda untuk mengimpor kode ke Carbon:
- Menyeret file ke dalam editor
- Menambahkan GitHub gist ID ke URL (misalnya.
carbon.now.sh/<gist_id_disimpan_disini>
) - Atau Anda dapat memulai dengan mengetik kode secara langsung!
Kostumisasi
Setelah Anda telah menaruh semua kode di Carbon, Anda dapat menyesuaikan gambar Anda dengan mengubah tema sintaks, warna latar belakang, tema jendela, padding, bayangan, font, dan masih banyak lagi.
Mengekspor Dan Berbagi
Setelah Anda menyesuaikan gambar Anda, Anda dapat membagikannya dengan berbagai cara.
Buat potongan kode untuk disimpan
Saat membagikan potongan kode yang disimpan, gambar akan secara otomatis membagikan di platform seperti Twitter dan Slack. Dengan cara ini pengguna lain dapat melihat kreasi Anda, sekaligus memberi mereka akses ke kode sumber melalui tautan tersebut. Lebih baik lagi jika Anda ingin membuat penyesuaian, Anda dapat langsung mengikuti tautan untuk mengedit potongan kode Anda.
Cara membuat potongan kode yang dapat disimpan:
- Masuk menggunakan tombol "Sign in/Sign up"
- Edit seperti biasa - potongan kode Anda akan disimpan secara otomatis
- Salin URL dari jendela browser Anda dan bagikan!
Sematkan potongan kode
Ini adalah cara yang disarankan untuk menggunakan Carbon di situs web atau blog Anda sendiri. Pengunjung bahkan dapat menyalin kode dengan menekan sebuah tombol.
Anda dapat memasukkan secara langsung potongan kode apapun ke situs web Carbon Anda dengan URL carbon.now.sh/embed
. Dari menu "Copy Menu" Anda dapat dengan mudah menyalin seluruh kode iFrame, atau hanya alamat untuk disisipkan pada platform seperti Medium.
Terakhir, Anda juga dapat memasukkan potongan kode atau GitHub gists menggunakan carbon.now.sh/embed/:id
.
Menggunakan tombol Tweet
Tombol Tweet tidak hanya memastikan bahwa gambar Anda dibagikan di Twitter, tetapi juga menambahkan gambar yang benar dengan menambahkan kode alt
untuk memastikan gambar Anda dapat diakses. Jika Anda lebih suka men-tweet gambar itu sendiri, lihat terlebih dulu how to make your Twitter images accessible.
Unduh gambar secara langsung
Carbon mendukung format gambar PNG dan SVG. Anda juga bisa mengklik Export → Open
untuk membuka gambar Anda langsung di browser. Terakhir, Anda dapat menyalin gambar dari Carbon langsung ke papan klip Anda dengan masuk ke Copy → Image
.
Memasang Carbon untuk Desktop (Offline)
Jika Anda menggunakan browser Google Chrome, atau browser lain yang mendukung Aplikasi Web Progresif, Anda dapat memasang Carbon untuk digunakan secara offline dengan:
- Kunjungi carbon.now.sh
- Klik menu pengaturan browser Anda
- Klik "Install Carbon..."
Komunitas
Lihat proyek berikut yang dibuat oleh komunitas kami yang hebat:
Plugin Editor
- IntelliJ IDEA
carbon-now-sh
- Buka kode yang dipilih dalam file IntelliJ IDEA Anda saat ini di Carbon dari menu konteks - Atom
carbon-now-sh
- Buka file Atom Anda saat ini di Carbon denganshift-cmd-A
- VS Code
carbon-now-sh
- Buka file VS Code Anda saat ini di Carbon dengan perintahcarbon
- Sublime Text 3
carbon-now-sh
- Buka kode yang dipilih di file Sublime Text 3 Anda saat ini dengan kunci yang ditetapkan sendiri - Vim
carbon-now-sh
- Buka kode yang dipilih di Vim / Neovim Anda saat ini dengan fungsiCarbonNowSh()
- Emacs
carbon-now-sh
- Buka pilihan di Emacs Anda saat ini menggunakan fungsi interaktifcarbon-now-sh
- Xcode
carbon-now-sh
- Buka pilihan Anda saat ini dicarbon.now.sh
- Xcode
nef
- Ekstensi Xcode ini memungkinkan Anda mengekspor kode yang dipilih sebagai potongan Carbon dengan satu tindakan
Alat lainnya
- CLI
carbon-now-cli
- Buka file di Carbon atau unduh langsung menggunakancarbon-now
, menampilkan mode interaktif, penyorotan selektif, dan lainnya - CodeExpander - adalah fitur pintar dari GitHub gist client dengan TextExpander
nef
- Ekspor beberapa potongan kode Carbon dariXcode Playground
.@carbonshbot
- Chatbot Telegram yang dapat mengambil potongan kode atau URL inti dan menghasilkan gambar Carbon- R
carbonate
- Memanipulasi tampilan gambar secara berulang dalamR
dan membuka di Carbon atau untuk mendownload secara langsung.
Kutipan
- "CS 101 - An Introduction to Computational Thinking" - a computer science textbook by Sarbo Roy.
Penulis
Carbon adalah proyek dari:
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
Lisensi
Kontribusi Dan Dukungan
Untuk tata cara melakukan PR (Pull Request, cara berkontibusi ke dalam repositori) kita mengacu pada panduan kontribusi untuk lebih jelasnya.
Sponsor Dan Pendukung
Terima Kasih banyak untuk
▲ Vercel telah mensponsori hosting Carbon's.
Semua Kontributor
Terima kasih untuk semua orang yang sangat luar biasa ini (emoji key):