Jekyll·Blog·tutorial

Hal-hal keren yang dapat kalian lakukan dengan editor Markdown

Puji Ermanto
Puji Ermanto26 July 2019 · 2 mins read
Hal-hal keren yang dapat kalian lakukan dengan editor Markdown

Ada banyak hal keren yang dapat Kalian lakukan dengan editor Markdown. Jika Kalian sudah cukup terbiasa dengan menulis di Markdown, maka Kalian dapat menikmati beberapa tips lebih lanjut tentang jenis hal yang dapat Kalian lakukan dengan Markdown!

Seperti halnya postingan terakhir Puji Ermanto (penulis), Kalian bisa mengedit postingan ini saat Kalian membacanya sehingga Kalian dapat melihat semua kode markdown yang penulis gunakan.

Special formatting

Selain huruf tebal dan miring, Kalian juga dapat menggunakan beberapa pemformatan khusus lainnya di Markdown saat diperlukan, misalnya:

  • strike through
  • ==highlight==
  • *escaped characters*

Ada dua jenis elemen kode yang dapat dimasukkan dalam markdown, yang pertama adalah inline, dan yang lainnya adalah blok. penulisan script code ditulis di dalam blok kode { … } seperti berikut :

{
code kalian
}

Contoh kode yang dapat ditampilkan di beberapa baris menggunakan simbol Seperti ini ( ``` ), pada keyboard komputer atau laptop berada di atas esc tekan tombol ctrl kemudian (```).
berikut script lengkapnya :


```

.my-link {
    text-decoration: underline;
}

```

Atau jika kalian ingin keliatan lebih keren biar kaya hacker gitu, Kalian dapat menambahkan highlight sintaks menggunakan Rouge.


![walking] ({{site.url }}/assets/images/post/8.jpg)

hasilnya seperti ini :

walking

atau bisa dengan syntax highlighter yaitu sebuah plugin dari jekyll
contoh penggunaan syntax highlighter :
{% highlight bahasa_program %} script_code disini ... {% endhighlight; %}

Daftar Referensi

Cara lain untuk menyisipkan tautan dalam markdown adalah menggunakan daftar referensi. Kalian mungkin ingin menggunakan code link seperti diatas untuk mengutip sumber link referensi dari Wikipedia atau tautan situs lain.
Semua link tercantum di akhir dokumen, sehingga Kalian dapat memisahakan antara konten dan sumber atau rujukannya.

Full HTML

Mungkin bagian terbaik dari markdown ini adalah Kalian tidak dibatasi hanya pada markdown saja. Kalian dapat menulis HTML langsung di editor Markdown dan itu hanya akan berfungsi seperti HTML biasanya. Tanpa batas! Berikut adalah kode link YouTube standar sebagai contoh:

 <p > < iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&showinfo=0" frameborder="0" allowfullscreen > </iframe > </p>

Maka hasilnya seperti ini :

Sama bukan hasilnya jika.kalian coba dengan markdown, ok sekian tulisan saya, salam Puji Ermanto

CodeSyariah dispatch

Dapatkan catatan berikutnya.

Ringkasan praktis seputar build, fix, dan deployment.
Puji Ermanto

Ditulis oleh

Puji Ermanto

Senior Engineer yang membangun dan merawat web application, API, ERP, serta workflow deployment. Saat ini aktif di Wangun Teknologi Bersama dan PT. Indiga Nusa Digitama (Tokoweb.co).
Lihat portfolio