Hugo, Ubuntu'da Nasıl Kurulur?

Hugo, aslında MMOZirve için ideal bir seçenektir, çünkü güvenli ve hızlı olan Go dilinde yazıldığından, küçük projeler ve bilgilendirici siteler için son derece uygun bir seçimdir; ayrıca, harika bir yazma deneyimi sunar ve web sitesi görüntüleme için optimize edilmiştir.

Gereksinimler
(Debian) Deb paket tabanlı bir işletim sistemi Ubuntu gibi.

Adım 1 Güncelleme

Öncelikle sisteminizin temel paketlerini güncellemenizi öneririm.

Kod:

apt-get update -y

Adım 2 Hugo yu yüklemek

Kod:

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

Paket indirildikten sonra, aşağıdaki komutla kurabilirsiniz.

Kod:

dpkg -i hugo_0.79.0_Linux-64bit.deb

Herhangi bir bağımlılık hatası görürseniz, bunları aşağıdaki komutla çözebilirsiniz.

Kod:

apt-get install -f

Hugo'yu kurduktan sonra, aşağıdaki komutla Hugo'nun kurulu sürümünü doğrulayın.

Kod:

hugo version

Aşağıdaki çıktıyı almalısınız.

Kod:

Hugo Static Site Generator v0.79.0-1415EFDC linux/amd64 BuildDate: 2023-07-13T08:07:04Z

Adım 3 Hugo kullanarak bir web sitesi oluşturmak

Öncelikle hugo komutunu kullanarak aşağıda gösterildiği gibi MMOZirve.domain.com adlı yeni bir web sitesi oluşturun.

Kod:

hugo new site MMOZirve.domain.com

Aşağıdaki çıktıyı almalısınız.

Kod:

Congratulations! Your new Hugo site is created in /root/MMOZirve.domain.com.

Just a few more steps and you're ready to go:

1.Download a theme into the same-named folder.
Choose a theme from https://themes.gohugo.io/ or
create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Kod:

Visit https://gohugo.io/ for quickstart guide and full documentation.

Hugo tarafından oluşturulan tüm dosya ve dizinlerin listesini aşağıdaki komutla görebilirsiniz.

Kod:

ls MMOZirve.domain.com

Çıktı.

Kod:

archetypes  config.toml  content  data  layouts  static  themes

Adım 4 İlk Yazınızı oluşturun

Şimdi, dizini değiştirmeniz gerekmekte ve aşağıdaki komutla main.md adlı yeni bir sayfa oluşturun.

Kod:

cd MMOZirve.domain.com

Kod:

hugo new main.md

Aşağıdaki çıktıyı almalısınız

Kod:

/root/MMOZirve.domain.com/content/main.md created

Ardından, main.md sayfasını düzenleyin ve biraz içerik ekleyin.

Kod:

nano content/main.md

Dosyanın sonuna aşağıdaki satırları ekleyin.

Kod:

# Test sayfası
benim sayfam.

İşiniz bittiğinde dosyayı kaydedin ve kapatın.

Adım 5 Tema indirin ve kurun

İlk önce dizini temalar olarak değiştirin ve aşağıdaki komutla Hugo temasını indirin.

Kod:

cd MMOZirve.domain.com/themes

Kod:

wget https://github.com/nanxiaobei/hugo-paper/archive/refs/heads/main.zip

İndirdikten sonra, indirilen dosyayı aşağıdaki komutla açın.

Kod:

unzip main.zip

Ardından, ayıklanan dizini aşağıdaki komutla yeniden adlandırın.

Kod:

mv hugo-paper-theme-master hugo-paper-theme

Ardından, temalar dizininde bulunan config.toml dosyasındaki örnek içeriği varsayılan config.toml dosyasına kopyalayın.

Kod:

cat hugo-paper-theme/exampleSite/config.toml > ../config.toml

Ardından, config.toml dosyasını aşağıdaki komutla düzenleyin.

Kod:

nano ../config.toml

Temel URL'yi değiştirin ve sayfanızın adını aşağıda gösterildiği gibi tanımlayın.

Kod:

baseurl = "/"
[[menu.main]]
name = "main"
url  = "main"
weight = 5

Dosyayı kaydedip kapatın, ardından aşağıdaki komutla bir açılış sayfası için yerleşim dosyası oluşturun.

Kod:

nano /root/MMOZirve.domain.com/layouts/index.html

Aşağıdaki satırları ekleyin.

Kod:

{{ define "main" }}
{{ if not .Site.Params.about.hide }}
{{ partial "about" . }}
{{ end }}

{{ if not .Site.Params.portfolio.hide }}
{{ partial "portfolio" . }}
{{ end }}

{{ if not .Site.Params.recentposts.hide }}
{{ partial "recent-posts" . }}
{{ end }}

{{ if not .Site.Params.contact.hide }}
{{ partial "contact" . }}
{{ end }}
{{ end }}

Dosyayı kaydedip kapatın.

Adım 6 Web sitenizi oluşturun

Şimdi dizini web sitenize değiştirin ve aşağıdaki komutu kullanarak Hugo web sitenizi oluşturun.

Kod:

cd /root/MMOZirve.domain.com

Kod:

hugo

Aşağıdaki çıktıyı almalısınız.

Kod:

Start building sites …
WARN 2023/07/13 08:22:47 Page.Hugo is deprecated and will be removed in a future release.
Use the global hugo function.
WARN 2023/07/13 08:22:47 Page.RSSLink is deprecated and will be removed in a future release.
Use the Output Format's link, e.g. something like:
{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}

| EN
-------------------+-----
Pages            |  7
Paginator pages  |  0
Non-page files   |  0
Static files     | 26
Processed images |  0
Aliases          |  2
Sitemaps         |  1
Cleaned          |  0

Ardından, aşağıda gösterildiği gibi sunucu IP'nizi belirterek Hugo sunucusunu başlatın.

Kod:

hugo server --bind=0.0.0.0 --baseUrl=http://your-server-ip -D -F

Aşağıdaki çıktıyı almalısınız.

Kod:

Start building sites …
WARN 2023/07/13 08:23:09 Page.Hugo is deprecated and will be removed in a future release.
Use the global hugo function.
WARN 2023/07/13 09:23:09 Page.RSSLink is deprecated and will be removed in a future release.
Use the Output Format's link, e.g. something like:
{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}

| EN
-------------------+-----
Pages            | 11
Paginator pages  |  0
Non-page files   |  0
Static files     | 26
Processed images |  0
Aliases          |  3
Sitemaps         |  1
Cleaned          |  0

Built in 35 ms
Watching for changes in /root/MMOZirve.domain.com/{archetypes,content,data,layouts,static,themes}
Watching for config changes in /root/MMOZirve.domain.com/config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://-.-.-.-:1313/ (bind address 0.0.0.0)
Press Ctrl+C to stop

Artık hugo sayfanız hazır en sevdiğiniz tarayıcınızla statik web sayfanıza girebilirsiniz.

Kod:

http://your-server-ip:1313