Hugo, pembuat situs web statis yang cepat dan fleksibel

Pada artikel selanjutnya kita akan melihat Hugo. Ini adalah salah satu generator situs statis open source paling populer, yang juga sepenuhnya gratis. Dengan kecepatan dan fleksibilitasnya yang luar biasa, generator ini membuat pembuatan situs web cepat dan mudah. Adalah tentang generator website HTML dan CSS statis yang ditulis di Go. Ini dioptimalkan untuk kecepatan, kemudahan penggunaan, dan konfigurasi.

Membuat situs web adalah proses yang membutuhkan waktu dan pengetahuan tentang HTML dan bahasa lain. Untuk alasan ini, pembuat situs statis ini dapat sangat membantu dalam membuat situs web dengan cepat. Itu harus diklarifikasi ketika kita berbicara tentang situs statis yang kami maksud adalah situs yang tidak memproses data. Artinya, mereka tidak dapat memproses formulir atau menghasilkan dokumen. Situs web ini biasanya dibuat untuk proyek kecil dan situs informasi.

Karakteristik umum dari Hugo

• Kecepatan tinggi. Seperti yang dinyatakan di situs web mereka, ini adalah alat tercepat di jenisnya. Situs rata-rata dibangun dalam waktu kurang dari satu detik.
• Manajemen konten yang kuat dan aturan fleksibilitas. Hugo adalah impian ahli strategi konten. Hugo mendukung jenis konten tak terbatas, taksonomi, menu, konten dinamis berbasis API, dan banyak lagi, semuanya tanpa add-on.
• Kode pendek menawarkan kepada kita kemampuan untuk menggunakan sintaks penurunan harga, memberikan fleksibilitas tinggi.
• Template terintegrasi. Pembuat situs web statis ini memiliki pola umum untuk membuat pekerjaan kita dengan cepat. Hugo dikirimkan dengan templat siap pakai untuk melakukan pekerjaan SEO cepat, komentar, analitik, dan fitur lainnya.
• Keluaran kustom. Izinkan kami menghasilkan konten kami dalam berbagai format, termasuk JSON atau AMP, dan dengan demikian memfasilitasi pembuatan konten.
• Lebih dari 300 tema tersedia, memberi kami sistem tema tangguh yang mudah diterapkan, namun mampu menghasilkan situs web yang paling rumit sekalipun. Bisa dilemparkan lihat topiknya tersedia di situs web proyek.

Instal Hugo di Ubuntu

Hugo adalah program yang cukup populer dan ini membuat proses instalasi di Gnu / Linux dan khususnya Ubuntu menjadi proses yang sederhana. Opsi penginstalan pertama yang tersedia akan menggunakan paket prakompilasi yang dapat ditemukan di file halaman rilis proyek. Untuk mengunduh paket .deb, kita hanya perlu membuka terminal (Ctrl + Alt + T) dan menjalankan perintah berikut:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

Setelah diunduh, kami akan dapat menginstalnya dengan menjalankan perintah lain ini di terminal yang sama:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

Di akhir penginstalan, kami dapat mulai bekerja.

Kemungkinan lain untuk menginstal program ini akan melalui Anda paket jepret. Instalasi akan sesederhana membuka terminal (Ctrl + Alt + T) dan mengetik di dalamnya:

sudo snap install hugo

Langkah pertama

Hugo adalah pembuat situs web. Jadi, hal pertama yang perlu kita lakukan adalah buat situs baru menggunakan format berikut:

hugo new site [nombre-del-sitio]

Untuk contoh ini saya telah membuat situs baru dengan perintah:

hugo new site sinforoso

Ini akan membuat folder baru bernama lekok Di buku alamat rumah pengguna. Untuk memulai kita akan mengakses folder ini dan kita akan memulai pekerjaan dari sana.

Hal berikutnya yang akan kami lakukan adalah tambahkan tema baru untuk situs tersebut. Jika Anda ingin menambahkan semua tema yang tersedia, Anda dapat menggunakan perintah:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

Ini akan menginstal semua tema Hugo, jadi ini bisa memakan waktu lama. Akan sangat membantu untuk mencoba mana yang Anda inginkan. Dalam kasus saya, saya memilih topik tertentu, jadi alih-alih perintah di atas, saya menggunakan yang berikut:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

Penting bagi kami untuk menempatkan topik di file folder tema, yang akan kita temukan di dalam folder tempat kita bekerja.

Setelah memasang tema, kita harus beritahu Hugo untuk menggunakan tema khusus itu. Untuk melakukan ini kita harus tentukan di file config.tom, yang akan kita temukan di folder kerja seperti yang ditunjukkan pada tangkapan layar berikut.

Setelah perubahan dilakukan, kami menyimpan dan menutup. Sekarang yang harus kita lakukan adalah buat indeks baru untuk ditampilkan di situs. Kami akan melakukan ini dengan perintah berikut:

hugo new _index.md

Seperti yang Anda lihat, file tersebut memiliki ekstensi md, artinya kita dapat menambahkan konten menggunakan penurunan harga. File ini dapat ditemukan dan diedit di dalam folder konten.

Kita juga bisa buat kategori baru untuk membentuk situs:

hugo new [categoría]/[archivo.md]

Pada saat ini, untuk melihat situs web kami, kami akan menggunakan perintah berikut:

hugo serve

Dan seperti yang Anda lihat di tangkapan layar berikut, situs web kami akan tersedia dari browser di http: // localhost: 1313.

Singkatnya, Hugo adalah program yang hanya membuat situs web statis, tetapi sangat berguna dalam kasus-kasus tertentu. Anda bisa mendapatkan lebih banyak informasi tentang proyek di situs atau di dokumentasi resmi.