Membuat Situs dengan Hugo

July 28, 2018 - 4 minutes
hugo blog linux windows

Blog biasanya dibuat dengan menggunakan Blogger milik Google atau Wordpress milik komunitas. Kedua layanan tersebut sudah sangat populer di mana-mana. Mulai dari masyarakat umum hingga suatu perusahaan besar pun memerlukan situs jejaring yang digunakan untuk berbagi informasi yang diinginkannya untuk dibagi.

Nah, pada kesempatan ini, saya akan berbagi sedikit ilmu untuk membuat blog antimainstream, dengan Hugo!

Silakan ikuti langkah-langkah berikut ini.

Pemasangan

Unduh Hugo versi terbaru yang sesuai dengan perangkat Anda di https://github.com/gohugoio/hugo/releases/

Linux

Buka aplikasi Terminal. Apabila masuk melalui SSH, tidak perlu membuka terminal.

Periksa tipe prosesor yang mesin Anda gunakan, jalankan perintah uname -m

Catatan Ganti .deb dengan .rpm apabila anda menggunakan RPM-based distro

  1. Unduh dengan wget

    • ~$ wget https://github.com/gohugoio/hugo/releases/download/v0.45.1/hugo_0.45.1_Linux-64bit.deb - atau curl - ~$ curl https://github.com/gohugoio/hugo/releases/download/v0.45.1/hugo_0.45.1_Linux-64bit.deb -o hugo_0.45.1_Linux-64bit.deb
  2. Install paket

    • ~$ sudo dpkg -i hugo_0.45.1_Linux-64bit.deb
  3. Coba apakah sudah sukses terinstal dengan menjalankan hugo

Windows

Versi Windows minimum ialah Windows 7 Untuk melihat versi Windows dan tipe prosesornya, tekan tombol Meta+Pause atau WindowsKey+Pause.

  1. Unduh di https://github.com/gohugoio/hugo/releases/

    • Untuk Windows 64bit, unduh berkas dengan nama hugo_0.45.1_Windows-64bit.zip
    • Untuk Windows 32bit, unduh berkas dengan nama hugo_0.45.1_Windows-32bit.zip
  2. Ekstrak berkas yang telah diunduh

    • Klik kanan berkasnya
    • Pilih Extract All
    • Konfirmasi lokasi dimana ZIP-nya akan diekstrak
    • Klik tombol Extract
    • Explorer baru akan terbuka secara otomatis dengan menampilkan isi dari lokasi ekstraksi ZIP.
  3. Buka Command Prompt (Meta+R, ketikkan cmd.exe)

    • Ketik cd <lokasi ekstrasi Hugo>, dengan lokasi ekstrasi Hugo adalah lokasi dimana berkas ZIP tadi diekstrak
    • Ketik hugo untuk memeriksa apakah Hugo sudah berhasil diekstrak dan dijalankan.

Pembuatan situs

Setelah memasang/mengeksgrak Hugo, sekarang saatnya membuat situs.

  1. Mari buka Terminal atau Command Prompt
  2. Ketikkan hugo new site <nama> untuk membuat situs baru, lalu Enter. <nama> boleh diganti dengan nama apapun asalkan tidak ada spasi.

    Tambahkan Tema

    Tema membuat situs anda lebih indah. Lihat berbagai macam tema di https://themes.gohugo.io/ Artikel ini menggunakan tema Ananke

Cara menambahkan:

Setelah mengunduh tema, sekarang mengubah konfigurasi situs untuk menggunakan tema Ananke

Menambahkan Konten

Tetap dalam Terminal atau Command Prompt, ketikkan

hugo new posts/my-first-post.md

Edit my-first-post.md di editor favorit anda dan tambahkan apapun ke dalam berkas itu.

Saya sarankan untuk mencoba pemformatan teks WhatsApp di sini. Seperti, _Halo_, *dunia!*, ~Apa kabar?~.

Catatan my-first-post.md berada di content/posts/my-first-post.md !

Mencoba situs

Untuk mencoba situs, jalankan hugo dengan argumen server dan -D

hugo server -D

Started building sites ... 
Built site for language en: 1 of 1 draft rendered 
0 future content 
0 expired content 
1 regular pages created 
8 other pages created 
0 non-page files copied 
1 paginator pages created 
0 categories created 
0 tags created 
total in 18 ms 
Watching for changes in /home/hugo/hugo/{data,content,layouts,static,themes} 
Serving pages from memory 
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) 
Press Ctrl+C to stop.

Buka situs baru Anda di http://localhost:1313

Kustomisasi Tema

Situs baru Anda sekarang sudah jadi, namun anda anda akan menginginkan untuk mengubah beberapa hal sebelum dirilis ke publik.

Konfigurasi situs

Buka config.toml di editor teks

baseURL = "https://example.org/" 
languageCode = "en-us" 
title = "My New Hugo Site" 
theme = "ananke"

Ganti isi title dengan sesuatu yang lebih personal.

Tentu saja anda dapat menggunakan nama domain anda sendiri dengan mengubah isi dari baseUrl. Harap dcatat bahwa isi baseUrltidak dibutuhkan saat menjalankan server pengembangan lokal.

Tip Buat perubahan pada konten atau konfigurasi situs saat server pengembangan hugo sedang berjalan, dan seketika perubahan yang anda buat akan langsung ditampilkan di browser anda.

Pertanyaan-pertanyaan umum

Apa itu Hugo?

Mengapa Hugo? Apakah ada alternatifnya?

Jika Jekyll ditulis dengan bahasa Ruby, sedangkan Sculpin dengan bahasa PHP, Hugo ditulis dengan bahasa apa?

Catatan kaki

  1. Argumen server hanya direkomendasikan untuk pengembangan situs secara lokal saja.

  2. Konfigurasi spesifik untuk tema dapat dilihat di situs tema terkait

Refrensi

  1. Pengalaman pribadi
  2. Hugo Quickstart - gohugo.io

Mengatasi SSL_ERROR_RX_RECORD_TOO_LONG

September 2, 2019 - 1 minutes
linux web ssl

Instalasi Windows

August 27, 2019 - 6 minutes
windows sistem operasi pemasangan