MasPutraWae

Hugo

Hugo Image Markdown Cheat Sheet

1️⃣ Basic Resize Resize gambar ke ukuran tertentu. ![](img/photo.jpg "sizes=300x200") 2️⃣ Resize + Crop Crop gambar ke posisi tertentu. ![](img/photo.jpg "sizes=300x200|crop=center") ![](img/photo.jpg "sizes=300x200|crop=top") ![](img/photo.jpg "sizes=300x200|crop=smart") 3️⃣ Resize + Title Menambahkan tooltip / title. ![](img/photo.jpg "title=Liburan|sizes=400x300") 4️⃣ Resize + Crop + Title Gabungkan title dan crop. ![](img/photo.jpg "title=Gunung|sizes=600x400|crop=smart") 5️⃣ Resize + Crop + …

Dokumentasi Penggunaan Image di Hugo

1️⃣ Render Hook: render-image.html Render hook ini digunakan otomatis ketika kamu menulis gambar di Markdown, misal: ![Alt text](img/photo.jpg "title=Liburan|sizes=300x200|crop=center|class=rounded") Parameter yang didukung: Parameter Default Contoh Keterangan title "" "Foto Liburan" Digunakan sebagai title HTML, juga bisa sebagai tooltip sizes "" "300x200" atau "300x200 center" Resize gambar menggunakan Hugo Image Processing crop "" "center", "top", "smart" Menentukan anchor crop (ditambahkan …