[🛠] Cara Menambahkan Gambar ke Blog GitHub Pages

✨ Ringkasan GPT 　

Panduan menambahkan gambar ke blog GitHub Pages.

Aku ingin menambahkan gambar ke blog GitHub Pages, tetapi muncul beberapa masalah.

• Aku lupa caranya.

• Aku teringat bahwa ada batas kapasitas 1GB untuk tiap repositori.
  • Diperbarui pada 2025.1.13
    • 1GB adalah rekomendasi, bukan batas wajib.
    • Jika melebihi 5GB, GitHub dapat mengirim email.
    • Tidak ada batas total kapasitas yang dinyatakan secara terpisah.
    • Ukuran satu file dibatasi 100MB. (Ini bisa diatasi dengan Git LFS.)
    • Jika ukuran repositori membesar, kecepatan clone/push kemungkinan besar akan terpengaruh.
• Aku teringat bahwa memakai hosting gambar eksternal juga merupakan salah satu pilihan.

… Di zaman sekarang, sebaiknya bagaimana?

✨ Klik ✨

Tulisan di bawah ini dibuat dengan mengacu pada jawaban dari GPT-4o.

1. Cara umum: menggunakan folder assets/images

Simpan gambar di folder assets/images dalam proyek blog, lalu hubungkan tautannya.

Contoh

• Jalur penyimpanan gambar:

  assets/images/example.jpg
  

• Digunakan di post:

  ![Deskripsi gambar](/assets/images/example.jpg)
  

Cara ini sederhana, tetapi bisa menjadi masalah jika ukuran repositori mencapai rekomendasi 1GB.

---

2. Cara menangani saat kapasitas menjadi masalah

1) Hosting gambar eksternal

Gunakan layanan eksternal alih-alih repositori GitHub.

• Imgur: Unggah gambar, lalu gunakan URL-nya.

  ![Deskripsi gambar](https://i.imgur.com/example.jpg)
  

• Google Photos/Dropbox: Manfaatkan tautan cloud storage.

---

2) Membuat repositori gambar terpisah

Buat repositori GitHub Pages terpisah khusus untuk mengelola gambar.

1. Buat repositori baru. (Contoh: blog-images)
2. Unggah dan push gambar.

3. Gunakan tautan gambar:

   ![Deskripsi gambar](https://username.github.io/blog-images/example.jpg)
   

---

3. Pengaturan untuk mengantisipasi perubahan URL

Kamu bisa mengurangi beban memperbaiki tautan dengan menetapkan jalur dasar gambar di _config.yml.

1. Tambahkan ke _config.yml:

   image_baseurl: "/assets/images"
   

2. Saat menulis post:

      
   ![Deskripsi gambar]({{ site.image_baseurl }}/example.jpg)
      
   

3. Jika nanti mengganti repositori gambar, cukup ubah image_baseurl:

   image_baseurl: "https://username.github.io/blog-images"
   

---

4. Kesimpulan

Untuk saat ini, simpan gambar di folder assets/images. Jika kapasitas menjadi masalah nanti, gunakan hosting eksternal atau repositori khusus gambar.