Hugo, pembangun laman web statik yang pantas dan fleksibel

Dalam artikel seterusnya kita akan melihat Hugo. Ini adalah salah satu penjana laman web statik sumber terbuka paling popular, yang juga percuma. Dengan kelajuan dan kelenturan yang luar biasa, penjana ini menjadikan pembinaan laman web cepat dan mudah. Ia tentang penjana laman web HTML dan CSS statik yang ditulis dalam Go. Ia dioptimumkan untuk kelajuan, kemudahan penggunaan, dan konfigurasi.

Membuat laman web adalah proses yang memerlukan sedikit masa dan pengetahuan mengenai HTML dan bahasa lain. Atas sebab ini, pembina laman web statik ini dapat sangat membantu dalam membuat laman web dengan cepat. Perlu dijelaskan bahawa ketika kita bercakap mengenai laman web statik bermaksud laman web yang tidak memproses data. Artinya, mereka tidak dapat memproses borang atau menghasilkan dokumen. Laman web ini biasanya dibuat untuk projek kecil dan laman maklumat.

Ciri umum Hugo

• Kelajuan tinggi. Seperti yang dinyatakan di laman web mereka, ini adalah alat terpantas seumpamanya. Rata-rata laman web dibina dalam masa kurang dari satu saat.
• Peraturan pengurusan dan fleksibiliti kandungan yang mantap. Hugo adalah impian ahli strategi kandungan. Hugo menyokong jenis kandungan tanpa had, taksonomi, menu, kandungan dinamik yang didorong oleh API dan banyak lagi, semua tanpa tambahan.
• Kod pendek menawarkan kepada kami keupayaan untuk menggunakan sintaks Markdown, memberikan fleksibiliti yang hebat.
• Templat bersepadu. Pembangun laman web statik ini mempunyai corak umum untuk membuat karya kita dengan cepat. Hugo disertakan dengan templat yang telah dibuat untuk melakukan kerja SEO pantas, komen, analitik, dan ciri lain.
• Keluaran tersuai. Membolehkan kita menjana kandungan kami dalam pelbagai format, termasuk JSON atau AMP, dan dengan demikian memudahkan penciptaan kandungan.
• Lebih daripada 300 tema tersedia, memberi kita sistem tema yang mantap yang mudah dilaksanakan, namun mampu menghasilkan laman web yang paling rumit sekalipun. Boleh dilakonkan melihat topik terdapat di laman web projek.

Pasang Hugo di Ubuntu

Hugo adalah program yang cukup popular dan ini menjadikannya memasangnya di Gnu / Linux dan khususnya Ubuntu sebagai proses yang mudah. Pilihan pemasangan pertama yang tersedia akan menggunakan pakej prabentuk yang boleh didapati di halaman keluaran projek. Untuk memuat turun pakej .deb, kita hanya perlu membuka terminal (Ctrl + Alt + T) dan melaksanakan perintah berikut:

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

Selepas muat turun, kita akan dapat memasangnya dengan melaksanakan perintah lain ini di terminal yang sama:

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

Pada akhir pemasangan kita boleh mula berfungsi.

Kemungkinan lain untuk memasang program ini adalah melalui anda pek snap. Pemasangan akan semudah membuka terminal (Ctrl + Alt + T) dan menaipnya:

sudo snap install hugo

Langkah pertama

Hugo adalah pembangun laman web. Jadi perkara pertama yang perlu kita lakukan ialah buat laman web baru menggunakan format berikut:

hugo new site [nombre-del-sitio]

Untuk contoh ini, saya telah membuat laman web baru dengan arahan:

hugo new site sinforoso

Ini akan membuat folder baru yang dipanggil penggulungan Dalam buku alamat rumah pengguna. Untuk memulakan, kita akan mengakses folder ini dan kita akan memulakan kerja dari sana.

Perkara seterusnya yang akan kita lakukan ialah tambah tema baru untuk laman web ini. Sekiranya anda ingin menambahkan semua tema yang tersedia, anda boleh menggunakan perintah:

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

Ini memasang semua tema Hugo, sehingga memerlukan masa yang lama. Sangat berguna untuk mencuba mana yang anda mahukan. Dalam kes saya, saya memilih topik tertentu, jadi bukannya arahan di atas, saya menggunakan yang berikut:

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

Penting untuk kita meletakkan topik di karpet tema, yang akan kita cari di dalam folder tempat kita bekerja.

Selepas memasang tema, kita mesti suruh Hugo menggunakan tema tersebut. Untuk melakukan ini, kita mesti tentukan dalam fail config.tom, yang akan kita dapati dalam folder yang berfungsi seperti yang ditunjukkan dalam tangkapan skrin berikut.

Setelah perubahan dibuat, kami menyimpan dan menutup. Sekarang yang harus kita lakukan hanyalah buat indeks baru untuk dipaparkan di laman web ini. Kami akan melakukan ini dengan arahan berikut:

hugo new _index.md

Seperti yang anda lihat, fail tersebut mempunyai sambungan md, ini bermaksud kita boleh menambah kandungan menggunakan Markdown. Fail ini boleh didapati dan diedit di folder kandungan.

Kita juga boleh buat kategori baru untuk membentuk laman web:

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

Pada ketika ini, untuk melihat laman web kami, kami akan menggunakan arahan berikut:

hugo serve

Seperti yang anda lihat dalam tangkapan skrin berikut, laman web kami akan tersedia dari penyemak imbas di http: // localhost: 1313.

Ringkasnya, Hugo adalah program yang hanya membuat laman web statik, tetapi sangat berguna dalam kes tertentu. Anda boleh mendapatkan lebih banyak maklumat mengenai projek di tapak atau dalam dokumentasi rasmi.