Tips Hugo: Agar Gambar Tampil di Preview Markdown VS Code

19 Jan 2020 · 1 min read

Saya biasanya menulis blog dengan VS Code. Tapi saat menggunakan fitur preview markdown di VS Code, gambar tidak mau tampil.

Ini karena alamat path gambar pada Hugo menggunakan static/img/.

Sementara pada markdown harus ditulis seperti ini:

![Teks Caption](/img/nama-gambar.jpg)

Karena nanti saat di-render akan menggunakan alamat itu. Tapi untuk VS Code, alamat ini tidak ditemukan.

Lalu bagaimana caranya agar VS Code juga bisa baca alamat gambar dari Hugo?

Caranya kita bisa buat simbolik link pada root direktori hugo. Bisa menggunakan perintah ini:

ln -s static/img img

Dan hasilnya…

Preview markdown pada VS Code