in Tips dan Trik

Dari Crayon Syntax menuju Github Gist

Wow, kaya judul FTV aja hehe, ya, hari ini saya memulai migrasi untuk “syntax highlight” contoh contoh sumber kode program saya yang ada di blog ini.

Kenapa?

Sebelumnya saya menggunakan plugin Crayon Syntax Highlighter , plugin ini sudah cukup bagus bagi saya dalam menampilkan kode program. Akan tetapi, atas nama kecepatan dan efisiensi, mengingat bahwa syntax highlighter selalu memuat javascript setiap kali blog ini dimuat walaupun dalam kontennya tidak ada kode program sekali pun, jadi saya pun memutuskan mencari solusi untuk mengganti plugin ini.

Solusinya?

solusi yang saya pilih adalah menggunakan github gist.

Apa itu github gist?

github gist simpelnya menurut saya adalah seperti repositori untuk code code program kecil dan untuk catatan catatan lainnya, dan kita pun bisa men-share-nya, dan tentu saja fungsinya sama dengan plugin syntax highlighter, dan di wordpress terdapat beberapa plugin yang bisa digunakan untuk meng-embed-nya, yang saya gunakan adalah Embed Github Gist.

Berikut adalah langkah langkah pemakaianya github gist.

  1. Buat akun github , tentu sebagai develepor hampir dipastikan sudah punya akun github.
  2. Jika anda sudah punya akun github, maka bisa langsung ke web Github Gist disini.
  3. Jika sudah ada di halamannya, disitu sudah terdapat kolom inputan, seperti pada gambar berikut

Kemudian, jika anda sudah menekan tombol “create public gist” , maka akan tampil halaman berikut.

untuk menampilkannya di postingan wordpress kita, cukup copy link url halaman tersebut, dan masuk ke postingan anda, kemudian paste kan shortcode berikut ” url gist anda ” (catatan: saya menggunakan plugin Embed, jika anda pakai plugin selain ini, maka shortcode nya bisa dilihat di dokumentasinya).

hasilnya bisa dilihat seperti berikut.

Write a Comment

Comment