Pertemuan 1

Tanggal: 07 Maret 2025
📝 : Jelita Anggraini

🔧 Materi: Bikin Web Pribadi Pakai Jekyll + GitHub

Di pertemuan ini kami diajari bagaimana caranya bikin website pribadi pakai Jekyll, terus langsung diupload ke GitHub supaya bisa diakses secara online oleh semua orang.

Langkah-langkah Buat Web Pribadi

1. Buat akun GitHub
   Pertama, buat akun GitHub. Buat username-nya sesuai nama masing-masing dan gampang diingat.

2. Buat repository baru
   Berikan nama repo-nya username.github.io. Contohnya jexiee99, berarti nama repo-nya jexiee99.github.io.

3. Clone repository ke komputer
   Di terminal, jalankan: (contoh) git clone https://github.com/jexiee99/jexiee99.github.io.git

4. Masuk ke folder repository nya, Lalu install Jekyll sama Bundler di terminal, ketik: gem install jekyll bundler.

5. Inisialisasi Jekyll:
   • pertama jalankan perintah berikut di terminal: bundle init (Perintah ini akan membuat file) bernama Gemfile di folder aktif.
   • Selanjutnya, buka Gemfile, lalu tambahkan baris berikut di bagian bawah untuk menyertakan Jekyll: gem "jekyll"
   • Setelah itu, jalankan: bundle install (Langkah ini akan menginstal Jekyll sesuai yang ada di Gemfile).

6. Edit Gemfile
   Di bagian paling bawah file Gemfile, tambahkan: gem "jekyll"

7. Buat file HTML awal
   Buat file awal yaitu index.html, lalu isi dengan HTML sederhana buat tampilan awal websitenya.

8. Build websitenya
   Supaya Jekyll bisa nyiapin folder _site ketik: jekyll build

9. Jalankan websitenya secara lokal
   Setelah build selesai, jalankan perintah: jekyll serve. di web browser alamatnya akan seperti ini http://localhost:4000.

10. Push ke GitHub
    Setelah semuanya sudah selesai, kirim project-nya ke GitHub, jalankan perintah:
    • git add .
    • git commit -m “Upload web awal”
    • git push
11. buat file baru friends.md untuk menampilkan daftar teman

layout: default
title: Friends
---
# Friends page

Berikut teman-teman saya di kelas:
1. [Ahmad Aulia Fahlevi](https://lepii1.github.io/)
2. [Alvi Syahril](https://alvi0syahril.github.io/)
3. [Bunga Alfa Zahrah](https://bunga-hub.github.io/)
4. [Deva Risny](https://devarisny.github.io)
5. [Faizul Abrar](https://faizul-abrar.github.io/)
6. [Faqriyadi Andika](https://faqriyadiandika.github.io)
7. [Fathan Mubina](https://fathan-mubina.github.io/)
8. [Firdhila Ananda Syahputri](https://firdhilaananda.github.io)
9. [Hafidz Maulana](https://hafidzmaulana28.github.io/)
10. [Hamizan Putra Zulia](https://hamizan18.github.io/)
11. [Hayzar Muhaiyar](https://hayzarmuhaiyar0101.github.io/)
12. [Ilham Syahdienar](https://ilhamdienar.github.io/)
13. [Imam Nawawi](https://imamnawawi1c.github.io/)
14. [Irfandi](https://irfandi8.github.io/)
15. [Izzati Nurvira](https://izzati31.github.io/)
16. [Jelita Anggraini](https://jexiee99.github.io/)
17. [Kaisan Nurwaled](https://kaisan969.github.io)
18. [Khairatil Aini](https://khairatilaini.github.io/)
19. [Khalisha Zafira](https://khalisha0zafira.github.io/)
20. [Lediana Berasa](https://ledianaberasa.github.io/)
21. [Linda Wati](https://lindawati26.github.io/)
22. [Liza Aulia Siregar](https://lizaauliasiregar.github.io/)
23. [M. Hafidz Firansyah](https://mhafidzfiransyah.github.io/)
24. [M. Iqbal Sayuti](https://iqbalsayuti0.github.io/)
25. [Maila Aziza](https://mailaazizaa.github.io/)
26. [Maisha Zahrani](https://maishazahrani.github.io/)
27. [Malia Ulfa](https://maliaulfa2.github.io/)
28. [Muhammad Fathurrahman](https://fyou00.github.io/) 

Update file index.html jadi seperti ini

layout: default
title: Teman
---

# Teman-Teman Kelas

Berikut beberapa teman saya di kelas:

- [Jelita Anggraini](https://jexiee99.github.io/)
- teman-teman lainnya...