jekyll, blog, tutorial,

Hal-hal keren yang dapat kalian lakukan dengan editor Markdown

Puji Ermanto Puji Ermanto Follow Jul 26, 2019 · 2 mins read
Hal-hal keren yang dapat kalian lakukan dengan editor Markdown
Share this

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

Join Newsletter
Get the latest news right in your inbox. We never spam!
Puji Ermanto
Ditulis Oleh Puji Ermanto Follow
Adalah seorang freelancer web developer, blogger, beberapa waktu lalu mengerjakan Project sebagai Fullstack Web Developer di Sebuah marketplace yaitu
PT. Syoobe Inti Perdana(Syoobe) - Jakarta
Dan di beberapa pengalaman sebelumnya bekerja sebagai web developer sekaligus IT Staf di
PT.Gemilang Citrus Berjaya(ourcitrus) - Sidoarjo