Cara Membuat Blog Dengan Hugo

• Pengenalan
• Prasyarat
• Langkah 1: Pasang program Hugo
• Langkah 2: Bina laman web anda
• Langkah 3: Pasang tema dari repositori Hugo
• Langkah 4: Buat beberapa perubahan konfigurasi asas
• Langkah 5: Tuliskan kandungan anda
• Langkah 6: Laraskan kandungan anda dengan pelayan Hugo
• Langkah 7: Terbitkan laman web anda

Pengenalan

Hugo adalah penjana laman web statik dengan kelajuan rendering kilat dan kemudahan penggunaan yang sangat baik. Terima kasih kepada semua ciri berorientasikan kandungannya, anda sentiasa dapat memberi tumpuan untuk membuat kandungan dan bukannya membina persekitaran:

• Dengan Hugo, anda boleh membina laman web statik di mana sahaja berjalan dalam beberapa minit tanpa perlu bergantung pada pergantungan atau pangkalan data.
• Anda boleh menyusun kandungan anda dalam Markdown, gaya penulisan yang paling mudah, dan melihat perubahan yang anda buat di web dengan serta-merta.
• Selain itu, anda boleh memanfaatkan repositori tema mewah Hugo dan komuniti yang berkembang pesat.

Dalam tutorial ini, saya akan menunjukkan kepada anda cara memasang dan menggunakan Hugo untuk membina laman blog statik pada contoh pelayan Vultr LEMP yang berpusat di CentOS.

Prasyarat

Log masuk ke instance anda sebagai pengguna bukan root dengan izin sudo. Lihat cara membuat pengguna sedemikian dalam artikel ini .

Langkah 1: Pasang program Hugo

Hugo boleh dipasang di hampir semua platform arus perdana. Untuk CentOS, anda hanya perlu memuat turun fail program terbaru dalam .tar.gzarkib dan nyah zipnya ke lokasi yang mudah. Pada masa penulisan, versi terbaru ialah 0.15.

sudo yum update -y
sudo yum install git -y
cd ~
wget https://github.com/spf13/hugo/releases/download/v0.15/hugo_0.15_linux_amd64.tar.gz
tar -zxvf hugo_0.15_linux_amd64.tar.gz
sudo mv hugo_0.15_linux_amd64/hugo_0.15_linux_amd64 /usr/local/bin/hugo

Uji pemasangan anda dengan arahan berikut:

 hugo version

Langkah 2: Bina laman web anda

Dengan Hugo, anda boleh membina laman web anda dari dalam folder apa pun di pelayan anda. Di sini, saya membina laman web dalam direktori mysite/di bawah direktori rumah saya.

cd ~
hugo new site ~/mysite

Jalankan arahan berikut untuk melihat seni bina laman web ini:

cd mysite
ls -lF

Seperti yang anda lihat, seni bina laman web ini menyerupai:

jenis arkitek /

config.toml

kandungan/

data /

susun atur /

statik /

Dengan dua direktori lain yang akan dibuat, themes/dan public/, keseluruhan seni bina laman web Hugo ringkas dan menyeluruh.

Sebagai permulaan, ketahui bahawa kandungan anda harus disimpan dalam direktori content/.

Langkah 3: Pasang tema dari repositori Hugo

Untuk memasang semua tema dari repositori Hugo, jalankan arahan berikut. Ini akan membuat direktori yang dinamakan themes/dalam direktori laman web anda dan memuat turun semua tema dari repo tema Hugo.

cd ~/mysite/
git clone --depth 1 --recursive https://github.com/spf13/hugoThemes.git themes

Sekiranya anda hanya mahu memasang satu tema, kunjungi repo tema Hugo untuk menentukan tema kegemaran anda. Salin URL-nya dan tampalkannya ke git cloneperintah di bawah.

cd ~/mysite/
mkdir themes
cd themes
git clone https://github.com/jaden/twentyfourteen

Langkah 4: Buat beberapa perubahan konfigurasi asas

Fail yang dinamakan config.tomldalam direktori laman web anda mengandungi konfigurasi global untuk laman Hugo anda. Edit fail dengan editor teks untuk membuat beberapa perubahan konfigurasi asas seperti yang disenaraikan di bawah. Ingatlah untuk mengganti nilai mengikut keadaan khusus anda.

baseurl = "http://[YourSiteIP]/"
languageCode = "en-us"
title = "Your Site Name"
theme = "twentyfourteen"

Langkah 5: Tuliskan kandungan anda

Di direktori laman web anda, masukkan perintah berikut untuk membuat halaman kandungan dalam direktori ~/mysite/content/post/.

cd ~/mysite/
hugo new post/about.md

Buka fail dalam penyunting teks, format failnya harus seperti berikut.

+++
date = "2015-12-25T03:21:23Z"
draft = true
title = "about"

+++

Di antara dua baris +++pembohongan, maklumat meta mengenai halaman kandungan anda. Di sini, anda boleh membuang baris draft = truedan mengubah baris tajuk mengikut kehendak anda.

Di bawah +++baris kedua , tambahkan kandungan yang ingin anda paparkan di laman web. Ingatlah untuk menulis kandungan anda dalam bahasa Markdown.

## This is an H2 headline

Text goes here.

Setelah selesai mengedit ini, biarkan penyunting teks terbuka untuk digunakan kemudian.

Langkah 6: Laraskan kandungan anda dengan pelayan Hugo

Anda boleh menggunakan pelayan web bawaan Hugo untuk menyebarkan laman web anda, yang dapat dengan serta-merta memperlihatkan perubahan anda di laman web sebaik sahaja anda mengubah kandungan anda dalam penyunting teks.

Buka terminal lain, konfigurasikan iptablesperaturan untuk membenarkan akses anda ke laman web anda di port lalai pelayan Hugo 1313:

sudo iptables -I INPUT -p tcp --dport 1313 -j ACCEPT

Lancarkan pelayan Hugo:

hugo server --bind="[YourServerIP]"

Lawati laman web anda dari penyemak imbas:

http://[YourServerIP]:1313

Sekarang, anda boleh cuba mengedit kandungan fail halaman di terminal sebelumnya atau menambah / membuang fail halaman. Anda akan mendapati bahawa sebarang pengubahsuaian dalam content/direktori akan ditunjukkan secara serentak pada skrin penyemak imbas anda. Ini adalah ciri yang bagus untuk blogger yang sibuk kerana anda dapat dengan segera melihat pengubahsuaian anda untuk membuat pengalaman yang lebih baik.

Setelah selesai mengedit, tekan Ctrl+Cuntuk menghentikan pelayan Hugo.

Langkah 7: Terbitkan laman web anda

Sekarang masanya untuk menerbitkan laman web anda di web. Jalankan arahan berikut dan Hugo akan menghasilkan semua kandungan statik yang sesuai untuk diterbitkan dalam public/direktori.

cd ~/mysite
hugo

Catatan : Hugo tidak akan menghapus fail lama yang dihasilkan sebelumnya semasa anda menjalankan perintah di atas. Untuk mengelakkan hasil yang tidak dijangka, anda selalu dapat menghapus public/direktori sebelum anda menjalankan hugoperintah atau menentukan tujuan output baru seperti yang ditunjukkan dalam perintah berikut.

hugo --destination=public2

Oleh kerana pelayan web Nginx sudah berjalan di pelayan, yang perlu anda lakukan hanyalah menyalin kandungan ~/mysite/public/direktori atau direktori tujuan khusus lain ke direktori web anda /usr/share/nginx/html/.

Padamkan fail asal:

cd /usr/share/nginx/html/
sudo rm -rf background.jpg index.php logo.png

Salin fail laman web statik anda ke direktori web:

cd ~/mysite/public
sudo cp -R ~/mysite/public/. /usr/share/nginx/html/

Itu sahaja. Kini anda boleh melayari laman web super cepat statik anda dari pelayar anda: http://[YourServerIP].

Untuk melihat lebih banyak maklumat, gunakan arahan hugo helpatau lawati laman web rasmi Hugo .