Membuat Blog Menggunakan Jekyll Mudah 2021

  • Bagikan
Membuat Blog Menggunakan Jekyll

Cara Membuat Blog di GitHub Menggunakan Jekyll

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 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.

Pada Artikel ini kami akan memberikan tutorial dan cara membuat Blog atau lebih tepatnya web statis di Github menggunakan Jekyll.

Step 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 :

  1. Kunjungi laman Github atau klik link berikut Registrasi Github
  2. Klik Sign UP pada pojok kanan atas layar
  3. Masukkan Email
  4. Masukkan Password
  5. Masukkan Username
  6. Klik Y
  7. Verifikasi Teka-teki Gambar
  8. Klik Create account
  9. 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.

Baca Juga  Cara Install Dapodik 2022 Di Cloud VPS IDCloudHost dan RDP
Membuat Blog Menggunakan Jekyll Mudah 2021
Membuat Blog Menggunakan Jekyll Mudah 2021

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 :

  1. Klik Setting pada repository kalian
  2. Pada kolom Repository name silahkan ganti dengan Usernamekalian.github.io
  3. Klik Rename
  4. Cek web static kalian dengan cara membuaka 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 :

  1. Buka link Prose by Development Seed
  2. Berikan otorisasi
  3. Klik Authorize Prose
  4. kalian akan diarahkan ke file manager serta editur Prose

Sedangkan untuk melakukan editingnya seperti berikut ini:

  1. Klik View Project
  2. klik _Config.Yml
  3. Ubah Name sesuai yang kalian inginkan
  4. Ubah deskripsi sesuai yang kalian inginkan
  5. Untuk avatar silahkan kalian salink link avatar kalian
  6. Sklik Logo disket untuk melakukan menyimpan

Cara diatas merupakan cara untuk mengubah Nama situs hingga Avatar, sedangkan untuk Post berikut langkahnya :

  1. kembali ke file manager Prose
  2. Buka Foler Posts
  3. Edit file hello word
  4. Edit Judul serta isi post

Setelah mengedit post, kalian dapat melakukan editing pada halaman About dengan langkah sebagai berikut :

Baca Juga  Rekomendasi Hosting Indonesia 2021 Lengkap
  1. Pada Filemanager dan file editor Prose kalian pilih file About.md
  2. Silahkan kalian edit sesuai yang kalian inginkan

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 :

  1. Buka Google Search Console
  2. Pilih Awalan URL
  3. Masukkan URL kalian tadi ( username.github.io )
  4. Klik Terus
  5. Pilih verifikasi menggunakan metode tag HTML
  6. Copy Code verifikasi
  7. Pada PRose Filemanager Buka folder _Layouts
  8. Edit Default.html
  9. Pastekan Kode Verifikasi dibawah <Head>
  10. KLik Verifikasi
  • Bagikan