Home » » Menyimpan File JS dan CSS di GitHub

Menyimpan File JS dan CSS di GitHub

Bagi kalian yang dulu suka menyimpan script file JS dan CSS di google code, kini ada alternatif lain untuk menyimpan file JS dan CSS kalian yaitu GitHub. GitHub adalah salah satu situs yang digunakan untuk menyimpan berbagai code atau script, bahkan project yang kalian buat pun bisa diletakkan dan dijalankan disana. Jadi bisa sebagai alternatif hosting file projek kamu, baik itu JS, CSS, HTML ataupun yang lainnya.

Berikut ini langkah-langkah menggunakan GitHub :
  1. Silahkan daftar di website GitHub : https://github.com/ , isi username, email dan pasword. Klik Sign up for GitHub
    BELAJARISME-GitHub
  2. Dibagian Plan pilih Unlimited public repositories for free untuk yang gratis dan Unlimited private repositories untuk yang berbayar karena private. Klik Continue
    BELAJARISME-GitHub
  3. Silahkan buka email kamu, kemudian klik link verifikasi account GitHub yang dikirim via email.
  4. Kini account kamu sudah aktif dan dapat memulai project. Klik Star a project
    BELAJARISME-GitHub
  5. Tulis nama repository, misalnya js. Klik Create repository
  6. Gambar dibawah ini hasilnya. Jika ingin menambahkan file klik Create new file, jika ingin mengupload file seperti JS, CSS, HTML atau yang lainnya, silahkan klik Upload files.
    BELAJARISME-GitHub
  7. Jika kamu tidak bisa mengupload file secara langsung, maka kamu diharuskan menginstal terlebih dahulu GitHub di komputer kamu, lalu login melalui account kamu
    BELAJARISME-GitHub
  8. Sekarang contoh kita upload file, misalnya file highlight.pack.js
  9. Klik Commit change jika sudah selesai proses uploadnya
    BELAJARISME-GitHub
  10. Sekarang sudah ada file highlight.pack.js di repository js
    BELAJARISME-GitHub
  11. Agar file ini bisa dipakai di web atau blog, kita copy dulu linknya dengan cara klik kanan
    BELAJARISME-GitHub
  12. Buka RawGit : http://rawgit.com/, paste disana link yang tadi. Silahkan dicopy paste link yang ada di Use this URL in production. Link ini lah yang kita gunakan di web atau blog
    BELAJARISME-GitHub
  13. Selesai
Selain itu, GitHub juga menyediakan fungsi clone dan push, sehingga project yang ada di GitHub bisa sinkron dengan yang ada di komputer. Panduan lengkap GitHub ada di website https://guides.github.com/activities/hello-world/

Semoga bermanfaat.