GitHub. Kali ini penulis akan membahas dan menjelaskan bagaimana cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat Anda ikuti dan lakukan untuk membuat sebuah halaman di GitHub atau GitHub Pages untuk user atau untuk halaman Anda pribadi.

Baca Juga: Cara Membuat GitHub Pages Untuk Repository

Untuk Anda yang mungkin bertanya Bagaimana Cara Membuat Halaman GitHub Untuk User? Maka di bawah ini merupakan Cara Membuat Halaman GitHub Untuk User yang dapat Anda ikuti dan lakukan untuk membuat GitHub Pages untuk halaman Anda pribadi.

Cara Membuat Halaman GitHub Untuk User

Sebelum masuk ke dalam inti dari pembahasan, perlu diperhatikan bahwa pembahasan kali ini, penulis bagi menjadi 7 bagian utama, yaitu:

1. Login Ke Akun GitHub Anda
2. Membuat Repository Untuk GitHub Pages
3. Clone Repository Dari GitHub
4. Membuat Halaman Untuk GitHub Pages
5. Commit Halaman Ke GitHub Pages
6. Melihat GitHub Pages Yang Telah Dibuat
7. Selesai

Di atas merupakan 7 bagian utama dari pembahasan ini. Untuk pembahasan dari ketujuh bagian tersebut, Anda dapat melihatnya di setiap bagian di bawah

Login Ke Akun GitHub

Sebelum Anda mengikuti tutorial dari penulis untuk membuat sebuah halaman di GitHub, pastikan Anda telah login ke akun GitHub Anda dengan menggunakan username dan password dari akun GitHub Anda.

Selain itu, pastikan juga Anda menggunakan Browser Google Chrome, karena pada pembahasan ini, penulis menggunakan browser tersebut.

Membuat Repository Untuk GitHub Pages

Setelah Anda berhasil login ke Akun GitHub Anda, langkah selanjutnya ialah membuat sebuah repository baru untuk GitHub Pages Anda.

Untuk membuat sebuah repository untuk GitHub Pages atau Halaman GitHub Anda nantinya, Anda dapat mengikuti langkah-langkah di bawah

1. Setelah Anda berada di halaman GitHub Anda, untuk membuat sebuah repository baru, Anda dapat mengklik New.

Cara Membuat Halaman GitHub Untuk User

 

Selain itu, Anda juga dapat mengklik arah panah (“1”) di bagian pojok kanan atas, setelah itu klik New repository (“2”).

Cara Membuat Halaman GitHub Untuk User

2. Setelah Anda mengklik “New” atau “New repository”, Anda akan langsung dibawa ke halaman pembuatan repository baru.

Cara Membuat Halaman GitHub Untuk User

 

Untuk penjelasan lengkapnya, Anda dapat memperhatikan keterangan di bawah:

a. Repository name: Pada bagian ini, silahkan Anda masukkan nama repository yang ingin Anda buat.

Penulis sarankan Anda masukkan: “username.github.io”, dimana username ganti dengan username Anda. sehingga terlihat seperti “duniacara.github.io”, yang mana “duniacara” ialah username penulis.

Setelah itu, untuk melanjutkan, klik Create respository (“1”).

3. Setelah Anda mengklik “Create repository”, maka Anda akan dibawa ke halaman repository dari GitHub pages Anda yang telah berhasil Anda buat.

Cara Membuat Halaman GitHub Untuk User

Setelah Anda berada di halaman repository yang baru saja Anda buat, untuk melanjutkan silahkan Anda klik “Icon Copy”.

5. Selesai

Setelah Anda mengikuti langkah-langkah di atas, maka sekarang Anda telah berhasil membuat sebuah repository untuk GitHub Pages Anda.

Clone Repository Dari GitHub

Setelah Anda membuat repository untuk GitHub Pages Anda, langkah selanjutnya ialah clone repository Anda. Anda dapat mengikuti langkah-langkah di bawah

1. Buka Command Prompt Anda dan ketikkan beberapa perintah di bawah:

Membuat folder worksapce: Ketikkan perintah:  md workspace  , setelah itu tekan enter di keyboard Anda untuk membuat sebuah folder workspace.

Masuk ke folder workspace: Ketikkan perintah:  cd workspace  , setelah itu tekan enter di keyboard Anda untuk pergi ke folder workspace yang telah Anda buat tadi.

Membuat folder github: Ketikkan perintah:  md github  , setelah itu tekan enter, untuk membuat folder github.

Masuk ke folder github: Ketikkan perintah:  cd github  , untuk pergi ke folder GitHub.

2. Setelah Anda berada di folder GitHub, langkah selanjutnya ialah ketikkan perintah git clone “url repository Anda yang telah Anda copy tadi”  (“Lihat: Membuat Repository Untuk GitHub No.3″). Setelah itu, tekan enter.

Cara Membuat Halaman GitHub Untuk User

3. Setelah Anda menekan “enter” di keyboard Anda, maka repository Anda akan di-clone ke komputer Anda. Untuk melanjutkan, Anda bisa ketikkan perintah dir  , setelah itu tekan enter.

Cara Membuat Halaman GitHub Untuk User

Setelah itu, Anda akan mendapatkan nama repository Anda. Untuk melanjutkan, ketikkan perintah cd “nama repository Anda”  untuk pergi ke lokasi repository Anda berada.

4. Selesai

Sampai tahap ini, Anda telah berhasil clone repository Anda dari GitHub. Langkah selanjutnya ialah membuat halaman untuk GitHub Pages Anda.

Membuat Halaman Untuk GitHub Pages

Sebelum mengikuti langkah-langkah ini, pastikan Anda telah atau pernah Menginstall Visual Studio Code di Windows 10 dari komputer atau laptop Anda. Jika sudah, maka Anda dapat mengikuti langkah-langkah di bawah

1. Sementara berada di Command Prompt Anda yang tadi, ketikkan perintah code . , setelah itu tekan enter.

Cara Membuat Halaman GitHub Untuk User

2. Setelah Anda mengetikkan “code .” dan menekan enter, Visual Studio Code akan langsung terbuka dengan folder utama ialah repository yang telah Anda clone tadi.

Cara Membuat Halaman GitHub Untuk User

Untuk melanjutkan, silahkan buat file  index.html  dan masukkan code html sederhana yang terlihat seperti gambar di bawah, setelah itu save atau simpan dengan menekan  ctrl + s  di keyboard Anda.

3. Selesai

Setelah Anda membuat halaman  index.html  untuk halaman Anda di GitHub Pages Anda, langkah selanjutnya ialah “Commit” halaman Anda ke GitHub Pages Anda.

Commit Halaman Ke GitHub Pages

1. Buka kembali cmd Anda yang tadi, yang terakhir ketika Anda mengetikkan perintah:  code . , setelah itu ketikkan perintah git add . , kemudian tekan enter di keyboard Anda.

Cara Membuat Halaman GitHub Untuk User

2. Setelah Anda menekan “enter”, langkah selanjutnya ketikkan perintah:  git commit -m “first commit” , setelah itu tekan enter.

Cara Membuat Halaman GitHub Untuk User

3. Setelah Anda menekan “enter”, langkah selanjutnya ketikkan perintah:  git push origin master , setelah itu tekan enter.

Cara Membuat Halaman GitHub Untuk User

4. Setelah itu, Anda akan mendapatkan sebuah “Popup Window”. Untuk melanjutkan, silahkan masukkan username (“1”) dan password (“2”) dari akun GitHub Anda, kemudian klik Login (“3”).

Cara Membuat Halaman GitHub Untuk User

5. Jika Anda berhasil login dan Halaman yang Anda buat berhasil di-commit, maka Anda akan mendapatkan tampilan seperti pada gambar di bawah.

Cara Membuat Halaman GitHub Untuk User

6. Selesai

Setelah Anda mengikuti langkah-langkah di atas, maka sejauh ini Anda telah berhasil membuat sebuah halaman untuk GitHub Pages Anda. Untuk melanjutkan, langkah terakhir ialah melihat GitHub Pages yang telah Anda  buat.

Melihat GitHub Pages Yang Telah Dibuat

1. Buka kembali browser Anda dan reload kembali halaman repository GitHub Anda (“Lihat: Membuat Repository Untuk GitHub Pages No.3″).

2. Setelah Anda reload halaman repository untuk GitHub Pages Anda, maka Anda akan mendapatkan tampilan  index.html  seperti yang telah Anda buat dan yang Anda commit tadi.

Cara Membuat Halaman GitHub Untuk User

3. Setelah Anda mendapatkan tampilan seperti pada langkah nomor.2, untuk melanjutkan silahkan Anda akses GitHub Pages Anda (“Contoh: duniacara.github.io”) dan Anda akan mendapatkan perubahan seperti yang penulis dapatkan.

Cara Membuat Halaman GitHub Untuk User

Dari tampilan di atas, Anda dapat melihat url dari GitHub Pages penulis yang sesuai dengan nama repository yang penulis buat.

4. Selesai

Jika Anda mengikuti langkah-langkah di atas dengan benar, maka Anda juga akan mendapatkan tampilan terakhir seperti yang penulis dapatkan (“Lihat: Melihat GitHub Pages Yang Telah Dibuat No.3″).

Selesai

Di atas merupakan cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat Anda ikuti dan lakukan untuk membuat sebuah halaman GitHub untuk user atau GitHub Pages untuk diri Anda pribadi. Semoga dapat bermanfaat.