Pada artikel ini, update.or.id akan memberikan tutorial membuat blog menggunakan Jekyll dengan memanfaatkan github dimana kalian juga akan mendapatkan subdomain gratis dari Github..
Membuat Blog atau situs saat ini makin mudah dan tidak sedikit ada yang gratis sebut saja Blogspot, WordPress. Nah selain itu kalian juga dapat membuat Blog atau lebih tepatnya web statis pada github menggunakan Jekyll.
Apa Itu Jekyll
Jekyll sendiri merupakan generator website Statis yang dapat dihosting menggunakan Github. Jekyll Diciptakan oleh Preston-Werner agar orang dapat membuat situs HTML statis serta sederhana yang di jalankan atau dihostingkan menggunakan Github.
Langkah Membuat Blog Menggunakan Jekyll
Registrasi Github
Hal pertama yang harus kalian lakukan adalah registrasi akun kalian ke Github, karena tanpa memiliki akun Github kalian tidak dapat membuat web statis menggunakan Jekyll. Untuk langkahnya sendiri seperti berikut :
- Kunjungi laman Github atau klik link berikut Registrasi Github
- Klik Sign UP pada pojok kanan atas layar
- Masukkan Email
- Masukkan Password
- Masukkan Username
- Klik Y
- Verifikasi Teka-teki Gambar
- Klik Create account
- Masukkan kode konfirmasi yang dikirim ke email kalian
Membuat Blog
Setelah kalian selesai registrasi akun kalian di Github maka langkah selanjutnya adalah membuat blog menggunakan Jekyll, adapun langkahnya seperti berikut ini :
Buka Jekyll Now
Langkah pertama yang harus kalian lakukan adalah membuka link berikut Jekyll Now dilanjutkan dengan klik “FORK” yang terletak pada ujung kanan atas repository kalian yang berfungsi untuk menyalin tema ke akun Github.
Untuk diketahui, Bagi kalian yang telah mendaftar akun Github maka kalian bisa mendapatkan satu situs website “pengguna” secara gratis dengan menggunakan subdomain dari github. dan subdomain tersebut berdasarkan username kalian ( http:username.github.io ).
Mengganti Nama Repository
Langkah selanjutnya adalah mengganti nama repository menjadi usernamekalian.github.io dengan cara :
- Klik Setting pada repository kalian
- Pada kolom Repository name silahkan ganti dengan Usernamekalian.github.io
- Klik Rename
- Cek web static kalian dengan cara membuka http://usernamekalian.github.io maka akan tampil seperti gambar di bawah ini
Cara Edit dan Customisasi Blog Jekyll
Setelah web static Jekyll kalian berhasil dibuat maka langkah selanjutnya adalah mengedit serta customisasi Blog kalian tersebut.
Untuk melakukan edit pada situs yang telah kalian buat kalian hanya perlu mengubah file _config.yml . Kalian dapat mengubah deskripsi dan nama website kalian, avatar serta pilihan lainnya.
Untuk melakukan editing file tersebut, kalian memerlukan editor file. kalian dapat menggunakan Prose by Development Seed yang memang dirancang dan di optimisasikan untuk Jekyll. Untuk menginstall file editornya sebagai berikut :
- Buka link Prose by Development Seed
- Berikan otorisasi
- Klik Authorize Prose
- kalian akan diarahkan ke file manager serta editur Prose
Sedangkan untuk melakukan editingnya seperti berikut ini:
- Klik View Project
- klik _Config.Yml
- Ubah Name sesuai yang kalian inginkan
- Ubah deskripsi sesuai yang kalian inginkan
- Untuk avatar silahkan kalian salink link avatar kalian
- Sklik Logo disket untuk melakukan menyimpan
Cara diatas merupakan cara untuk mengubah Nama situs hingga Avatar, sedangkan untuk Post berikut langkahnya :
- kembali ke file manager Prose
- Buka Foler Posts
- Edit file hello word
- Edit Judul serta isi post
Setelah mengedit post, kalian dapat melakukan editing pada halaman About dengan langkah sebagai berikut :
- Pada Filemanager dan file editor Prose kalian pilih file About.md
- Silahkan kalian edit sesuai yang kalian inginkan
Tutorial Menginput situs Ke Search Console
Karena Jekyll merupakan web statis, maka kalian dapat melakuakn input ke Google Search Console dan menginput sitemapnya juga loh agar dapat diindex oleh Google. Untuk langkahnya sebagai berikut :
- Buka Google Search Console
- Pilih Awalan URL
- Masukkan URL kalian tadi ( username.github.io )
- Klik Terus
- Pilih verifikasi menggunakan metode tag HTML
- Copy Code verifikasi
- Pada PRose Filemanager Buka folder _Layouts
- Edit Default.html
- Pastekan Kode Verifikasi dibawah <Head>
- KLik Verifikasi
Itulah tadi tutorial Cara Membuat Blog Menggunakan Jekyll yang bisa update.or.id, semoga dapat membantu kalian yang ingin membuat blog di Github menggunakan Jekyll
