Mudah Membuat Gambar Kode Sumber Yang Indah Dengan Karbon

Twitter dan platform media sosial lainnya adalah cara yang bagus untuk berbagi potongan kecil kode sumber yang berguna. Sangat menyenangkan untuk mempercantik sampel ini sedikit dengan beberapa warna cantik atau dekorasi mewah.

Aplikasi web Karbon memungkinkan Anda membuat gambar contoh kode sumber. Ini menyediakan beberapa fitur termasuk penyorotan sintaks, berbagai font, dan tema. Kemudian memungkinkan Anda untuk menyalin gambar kode Anda ke Medium, men-tweet-nya, atau menyimpannya sebagai file gambar.

Dasar-dasar Penggunaan Karbon

Itu Halaman rumah karbon menampilkan beberapa kode contoh di kotak teks utamanya. Ini sudah merupakan demonstrasi layanan yang berguna. Ini menunjukkan kepada Anda pratinjau akurat dari jenis gambar yang dapat Anda buat.

Mulailah dengan memasukkan beberapa kode. Anda dapat menyalin & menempel dari editor teks, atau mengetiknya secara langsung. Perhatikan bahwa kotak teks meluas ke lebar garis terpanjang Anda.

Cara Menyesuaikan Gambar Kode Sumber Anda

Carbon membuat gambar kode sumber Anda dengan teks berwarna yang disorot sintaks. Ini menyajikan kode Anda di jendela dasar di atas warna latar belakang atau gambar.

Pengaturan tema memungkinkan Anda untuk menerapkan palet warna teks dari kisaran yang telah ditentukan sebelumnya. Banyak dari tema ini yang umum digunakan di antara editor teks dan perangkat lunak lain yang ada.

Pengaturan bahasa akan Mobil secara default, jadi Carbon akan mencoba menebak bahasanya. Tetapi yang terbaik adalah memilih bahasa tertentu melalui tarik-turun. Beberapa bahasa sulit dideteksi hanya dari kode sumber.

Pada level yang lebih rendah, Carbon menyediakan berbagai pengaturan gaya untuk mengubah gambar kode akhir. Ini semua tersedia di bawah menu pengaturan dengan ikon roda gigi:

Anda dapat memilih dari 15 font monospace yang berbeda. Anda dapat menyertakan kontrol jendela pada gambar Anda dan memvariasikan lebarnya atau padding di sekitar jendela kodenya. Anda juga dapat mengubah tinggi baris, ukuran font, dan menyertakan nomor baris. Jika Anda sering menggunakan layanan ini, Anda dapat menyimpan pengaturan Anda sebagai preset untuk penggunaan di masa mendatang.

Integrasi Karbon dengan GitHub Gists

Fitur yang sangat berguna memungkinkan Anda memuat kode sumber dari file GitHub Gist. Lakukan ini dengan menambahkan ID Inti ke domain Carbon untuk mendapatkan URL dalam format ini:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Karbon kemudian akan mengimpor kode sumber dari Inti tersebut dan Anda kemudian bebas untuk mengerjakannya seolah-olah Anda mengetiknya secara langsung.

Cara Mengekspor Gambar Kode Dari Karbon

Setelah Anda mengonfigurasi sampel kode sesuai keinginan, sekarang saatnya untuk memanfaatkannya. Anda memiliki dua opsi utama di sini: tweet atau simpan sebagai file.

Tujuan utama Carbon adalah meningkatkan gambar kode yang diposkan ke Twitter, sehingga menjadikan tweet sebagai opsi ekspor pertamanya. Menekan Menciak tombol membuka dialog pembuatan tweet di jendela popup. Tweet sudah diisi sebelumnya dengan URL yang diubah menjadi gambar yang diunggah saat Anda mengirim tweet. Selain itu, Anda dapat mengedit tweet sesuai keinginan Anda.

Mendownload gambar sebagai file memberikan sedikit lebih banyak fleksibilitas. Anda dapat mengekspornya sebagai PNG atau SVG dan menskalakan ukurannya saat Anda melakukannya.

Karbon juga memungkinkan Anda menyalin dan menempelkan gambar yang telah Anda buat. Ini termasuk opsi yang memungkinkan Anda untuk menyematkan kode dalam posting Medium atau mengunggah gambar ke Imgur.

Manfaat Berbagi Kode Sumber dalam Gambar

Berbagi kode sumber sebagai gambar memiliki beberapa keuntungan. Khususnya untuk Twitter, ada baiknya menyiasati panjang tweet maksimum. Secara teori, Anda dapat membuat gambar yang berisi lebih banyak kode daripada yang diizinkan oleh batas teks Twitter.

Terkait: Cara Menulis Tweet Lebih Panjang

Fitur utama Carbon adalah penyorotan sintaksis. Saat ini Anda tidak dapat menyorot sintaks teks biasa di Twitter atau banyak layanan lainnya.

Gambar kode sumber juga sedikit lebih mudah untuk dibagikan dan disimpan daripada teks kode sumber. Tetapi mereka dapat mencegah penyalinan kode sumber, yang mungkin merupakan hal yang baik. Anda mungkin khawatir orang-orang dapat menyalin kode Anda tanpa memahami apa yang sebenarnya dilakukannya.

Kelemahan Kode Sumber Penyematan dalam Gambar

Gambar membutuhkan lebih banyak ruang penyimpanan daripada teks. Meskipun mungkin ekstrak teks dari gambar, masih membutuhkan usaha ekstra.

Yang terpenting, teks dalam gambar seringkali tidak dapat diakses oleh mereka yang tidak dapat melihatnya. Pembaca layar, misalnya, mungkin tidak dapat mengakses teks semacam itu. Tombol Tweet Carbon secara otomatis menyediakan teks alternatif yang mengurangi masalah ini.

Menggunakan Carbon untuk Membagikan Cuplikan Kode Anda

Karbon memungkinkan Anda membuat gambar cuplikan kode sumber yang menarik dengan mudah. Ini adalah aplikasi web sederhana yang berfokus pada satu tugas tertentu dengan penyesuaian yang cukup.

Carbon mengubah teks kode sumber Anda menjadi gambar dan ini mungkin tidak selalu sesuai. Jika Anda ingin membagikan kode Anda sebagai teks sebenarnya, ada banyak opsi untuk melakukannya.

4 Alternatif Pastebin Terbaik untuk Berbagi Kode dan Teks

Alternatif Pastebin ini memungkinkan Anda mengetik, menempel, dan berbagi blok kode atau teks dengan orang lain secara online dengan mudah.

Tentang Penulis