Mengubah Kode Menjadi Gambar yang Cantik dengan Carbon

Mengubah Kode Menjadi Gambar yang Cantik dengan Carbon. Apakah kalian pernah melihat di Twitter maupun sosial media lain orang share preview source code dalam bentuk gambar dengan tampilan yang berestetika banget? Gambar atau screenshot tersebut dapat dibuat dengan mudah menggunakan Carbon. Carbon sendiri adalah project yang dikembangkan oleh Dawn Labs.

Berikut gambar yang saya maksud.

Sering banget kan lihat gambar seperti itu?

Cara membuatnya gampang banget. Pertama, kunjungi alamat https://carbon.now.sh. Lalu paste kode kalian disana. Selanjutnya tinggal kustomisasi tampilan seperti padding, drop shadow, jenis font yang digunakan, dll.

Jika sudah, tinggak klik Export di pojok kanan atas.

Tunggal diberi nama, lalu pilih mau disimpan, langsung dibuka di browser, ataupun dicopy ke clipboard.

Contoh hasil:

Menggunakan Command Line

Malas menggunakan interface web? Kalian bisa menggunakan CLI memanfaatkan carbon-now-cli.

Install dengan menggunakan npm

npm i -g carbon-now-cli

Untuk perintah penggunaannya, bisa dilihat di petunjukkan dengan menggunakan perintah

carbon-now --help

Plugin Untuk Text Editor

Beberapa text editor populer juga sudah tersedia plugin Carbon. Seperti VS Code, Atom, Vim, Sublime Text 3, dll.
Untuk informasi lain mengenai Carbon juga bisa kalian cek di halaman GitHub mereka:

• https://github.com/dawnlabs/carbon

Oke mungkin sekian tutorial singkat kali ini, semoga bermanfaat. Selamat mencoba. Share juga ke teman teman kalian agar mereka tau.