Kirim Postingan Gambar di Jekyll Blog

Membacanya hanya 1 menit saja

Ini adalah contoh kirim postingan gambar di blog jekyll. Dunia baru, semua belajar lagi. Semangat yang gak boleh kendor #halahopoiki

Langsung saja, caranya :

  • Letakkan file foto atau gambar di direktori /assets/images/
  • Trus pas posting untuk mengarahkan ke url nya pake: {{ site.url }}{{ site.baseurl }}/assets/images/

Kita tampilkan dulu gambarnya :

edisi istirahat

Foto diambil saat di gedung cyber, begadang seting server

Yang atas pake ini :

![edisi istirahat]({{ site.url }}{{ site.baseurl }}/assets/images/istirahat.jpg)

Formatnya begini

HTML:

<img src="{{ site.url }}{{ site.baseurl }}/assets/images/namafile.jpg" alt="">

Atau kalau pake mode Markdown:

![alt]({{ site.url }}{{ site.baseurl }}/assets/images/namafile.jpg)

Kalau mau menambahkan suatu class, misalnya class="full" :

![alt]({{ site.url }}{{ site.baseurl }}/assets/images/filename.jpg)
{: .full}

Ini posting foto dengan Caption


{% capture gambar %}
![alt]({{ basepath }}/assets/images/namafile.jpg)
{% endcapture %}

<figure>
  {{ gambar | markdownify | remove: "<p>" | remove: "</p>" }}
  <figcaption>Isi Caption</figcaption>
</figure>

Dan ini hasil ditampilkan :

edisi jarak
dekat itu bukan masalah jarak, dekat adalah hati yang terikat

Foto ini saya ambil sewaktu pendakian ke gunung prau, dieng, jawa tengah.

KESIMPULAN Panjang sekali format URL nya, susah dihapal. Dijadikan contekan saja lah.

Tinggalkan komentar