Praktikum 7

16 May 2025 - M.Hafidz Firansyah

Panduan Mengisi Postingan Blog pada GitHub Pages

Blog berbasis GitHub Pages memungkinkan kamu menulis konten dalam format Markdown dan menampilkannya langsung sebagai halaman web. Untuk mengisi postingan blog, ikuti langkah-langkah berikut:

🧭 1. Akses Folder `_posts` pada Repository

Pastikan kamu telah meng-clone repository GitHub Pages (misalnya: hamizan18.github.io) ke komputermu.
Buka folder hasil clone tersebut, lalu navigasikan ke direktori _posts/.
Semua file blog akan ditempatkan di dalam folder ini.

📄 2. Tambahkan File Baru dengan Format `.md`

Buat file baru di dalam folder _posts.
Gunakan ekstensi file .md (Markdown), karena format ini kompatibel dengan Jekyll (mesin di balik GitHub Pages).

📅 3. Gunakan Format Nama File yang Sesuai

Format penamaan file wajib mengikuti pola berikut:

YYYY-MM-DD-nama-postingan.md

Contoh:

2025-07-02-belajar-dom-javascript.md

Format tanggal ini penting agar Jekyll dapat mengelola urutan postingan secara otomatis.

✒️ 4. Tulis Konten Blog

Di dalam file Markdown, isi kontennya sesuai keinginan.

Pastikan menggunakan front matter YAML di bagian atas file sebagai metadata. Contoh:

---
layout: post
title: "Belajar DOM di JavaScript"
author: M.Hafidz Firansyah
---

Setelah bagian metadata, kamu bisa menuliskan konten blog seperti biasa, misalnya:

Hari ini saya belajar mengenai DOM (Document Object Model) dalam JavaScript. DOM memungkinkan kita mengubah isi, gaya, dan struktur HTML melalui JavaScript...

💾 5. Simpan dan Push ke GitHub

Setelah selesai menulis, simpan file tersebut.

Kemudian jalankan perintah Git berikut untuk mengunggah postingan ke GitHub:

git add _posts/2025-07-02-belajar-dom-javascript.md
git commit -m "Add blog post tentang DOM JavaScript"
git push origin main

Dengan langkah-langkah ini, postingan blogmu akan langsung tampil di situs GitHub Pages secara otomatis.