Cara Menyimpan File Javascript CSS dan HTML di Github

Cara Menyimpan File Javascript CSS dan HTML di Github - Github adalah layanan penginangan web bersama untuk proyek pengembangan perangkat lunak yang menggunakan sistem pengontrol versi git dan layanan hosting internet. (wikipedia)

Jadi github merupakan software hosting untuk proyek open source yang menggunakan tool system revisi kontrol git. Github sebagian besar digunakan untuk mengkode. Github sangat populer di mata para blogger untuk menyimpan atau meng-hosting file seperti Javascript, CSS, dan HTML secara gratis dengan server MaxCDN, apalagi setelah layanan media hosting google code secara resmi ditutup pada bulan mei 2015, banyak para blogger berimigrasi dari google code ke Github maupun Bitbucket.

GITHUB

Namun banyak para master blogger menyarankan untuk menggunakan hosting dari Github ini, karena aksesnya yang tanpa batas dengan server MaxCDN dan gratis pula. Yang membedakan Github dengan project hosting lainnya terlihat pada hal-hal berikut :

• Github menggunakan Git sebagai tool utama dalam merivisi kode.
• Github meyediakan free hosting untuk proyek open source.
• Github mempunya fitur sosial seperti twitter, yakni profile, following, follower dan favorite.
• Github mendukung semua bahasa pemrograman, anda bebas menggunakan bahasa dan tool yang biasa anda pakai.

Nah itu sedikit penjelasan tentang Github yang saya ambil dari berbagai sumber dengan menjelajahi google. Sesuai dengan pembahasan saya kali ini dan buat para blogger yang belum mengerti langkah-langkahnya.

Cara Menyimpan atau Hosting File Javascript, CSS dan HTML di Github

1. Pertama-tama, silahkan anda kunjungi situs https://github.com/. Setelah muncul halaman seperti gambar berikut, silahkan anda menuju pojok kanan atas dan klik Sign Up.

Sign Up Github

2. Selanjutnya anda akan dibawa ke halaman seperti gambar berikut. Pada step 1 silahkan isi data diri anda, lalu klik Create an account.

Step 1

3. Pada step 2 seperti gambar berikut, anda akan diminta memilih rencana penyimpanan repositorynya. Silahkan anda ceklist pada pilihan Unlimited public repository for free, lalu klik Continue.

Step 2

4. Pada step 3 yakni step terakhir. Disini anda mencentang beberapa pilihan yang disesuaikan dengan pengalaman anda dalam programing. Apabila anda tidak ingin mengisi tahap ini, karena belum memiliki pengalaman dalam programing, anda bisa melewatinya. Dan apabila ingin di isi, anda bisa menyesuaikan pilihan anda sesuai dengan gambar dibawah, lalu klik Submit.

Step 3

5. Anda akan dibawa dimana anda bisa klik membaca sebuah panduan dari Github atau anda bisa klik memulai project di Github.

6. Ketika anda memilih dan meng-klik Start a project, anda akan diminta untuk memverifiksi akun github melalui email anda. Silahkan anda menuju ke email anda dan cek email masuk, lalu klik verify email address.

7. Registrasi sudah selesai kemudian login. Pada pojok kanan atas, silahkan anda klik tanda plus (tambah) kemudian pilih dan klik New repository.

8. Pada halaman berikutnya, silahkan isi Repository name dan Description sesuai dengan keinginan anda, lalu ceklist Public dan beri centang pada Initialize this repository with a README. Jika semua sudah terisi dengan klik Create Repository.

Create a new repository

9. Pada halaman repository yang anda buat tadi, silahkan klik Create new file untuk membuat file baru, atau Upload files jika anda sudah mempunyai file yang akan anda upload seperti file Js, Css dan HTML.

Create new file or Upload files

10. Jika anda ingin membuat file baru, klik Create new file, silahkan isi nama file dan copy paste kode script ke dalam kolom dibawahnya, seperti gambar beikut.

11. Kemudian klik Commit new file.

12. Jika anda sudah mempunyai file yang sudah jadi, silahkan klik Upload files dan pilih file yang akan anda upload, entah itu js, css atau html. lalu klik Commit changes.

13. Setelah semua tersimpan dengan benar, baik itu dengan cara membuat file baru atau upload file itu artinya anda sudah berhasil menggunakan github. Namun file tersebut belum bisa dipergunakan untuk di load secara otomatis di dalam blog atau web anda. Untuk itu anda harus meng-Raw file tersebut terlebih dahulu ke Rawgit.com.

14. Caranya, pada file yang sudah anda buat atau upload tadi, silahkan klik kanan pada file tersebut, lalu pilih Copy link address atau Salin lokasi tautan.

15. Buka https://rawgit.com/. Silahkan pastekan atau tempelkan yang anda copy tadi ke kotak nomor 1 seperti gambar berikut.

16. Kemudian gunakan URL pada kotak nomor 2 atau 3 untuk keperluan blog anda, baik itu di halaman statis atau widget. Contohnya seperti ini :

<div style="overflow:auto;width:700px;height:700px;padding:10px;border:1px solid #eee">
<script style="text/javascript" src="https://cdn.rawgit.com/harmansyah/harmansyah-html/48f3ff56/daftar%20isi%20biasa.js"></script>
<script src="https://harmansh.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Demikian tutorial sederhana mengenai cara menyimpan file javascript, css, dan html di github serta cara menggunakannya. Semoga bermanfaat and "Happy Blogging"

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG