Cara Install Hugo Static Generator di Linux

 


Cara Install Hugo Static Generator di Linux - Hugo adalah statistic generator yang di bangun dengan menggunakna Go (golang) . Bagai mana sih cara kerja statistic generator? Jadi cara kerja statistic generator itu ialah kamu membuat kontent dengen menggunakan text editor daam bentuk format markdown (md).

Kamu bisa mendownload installer hugo di Github dan hugo ini juga banyak mendukung berbagai sistem operasi seperti windows, linux, FreeBSD, OpenBSD, NetBSD dan masih banyak lagi. Untuk tutorial kali ini, admin akan menjelaskan cara menginstall hugo dengan menggunakan linux ubuntu.
sudo dpkg -i hugo_0.88.1_Linux-64bit.deb
 
Silahkan lihat apakah telah terinstall atau belum dengan menggunakan perintah berikut.
hugo version
Hugo Static Site Generator v0.88.1-F637A1EA linux/amd64 BuildDate: 2021-07-31T12:51:09Z 
Selanjutnya install git.
sudo apt install git
Oke sampai di sini proses instalisasi hugo telah selesai, selanjutnya ialah membuat website di hugo tersebut.

Untuk membuat nama website di hugo gunakan peritah berikut dan sesuaikan dengan nama website yang akan kalian buat.
hugo new site test.example.com
Jika berhasil maka tampilannya seprti di bawah ini.
Congratulations! Your new Hugo site is created in /root/test.example.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 " command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new /.".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.
Kamu juga daapt melihat file website yang telah kammu buat tadi.
cd blog
ls -l
Maka tampilan isi web yang telah kamu buat tadi akan di tampilkan.
Langkah selanjutnya ialah meginstall thema. Kamu bisa meluhat thema hugo lainnya di website remi hugo.

Untuk membuat postingan pertama kamu di hugo gunakan perintah nano untuk menambahkan artikelnya.
nano content/post/first.md
Kamu akan melihat output seperti di bawah ini.
-
title: "First"
date: 2019-09-10T06:58:51Z
draft: false
---

## Ini adalah postingan pertama

Isi portingan kamu di sini
Setelah berhasil membuat postingan, selanjutnya atur thema hugo yang akan kamu gunakan. Pertama ubah direktori menajadi themes  dan masukkan perintah berikut.
cd themes
wget https://github.com/digitalcraftsman/hugo-strata-theme/archive/master.zip
Kemudian ekstarak file tersebut.
unzip master.zip
Kemudian gantilah nama tema yang telah di ekstak tadi dengan menggunakan perintah berikut.
mv hugo-strata-theme-master hugo-strata-theme
Selanjutnya salin file config.toml ke dari themes/hugo-strata-theme ke file config.toml yang terletak di  /root/test.example.com/config.toml.
 
cat hugo-strata-theme/exampleSite/config.toml > ../config.toml
Perbaharui base URL dan juga masukan halaman baru kamu ke dalam navigasi thema config.toml.
nano ../config.toml
Perbaharui base URL.
baseurl = "/"
Tambahkan baris berikut untuk menambahakan identitas website kamu.
 [[menu.main]]
  name = "About"
  url  = "about"
  weight = 5
Save dan  tutup file tersebut. 

Selanjutnya iala ubah tampilan tata letak halaman website kamu yang terlatak di themes/hugo-strata-theme/layouts/index.html menjadi test.example.com/layouts/index.html:
nano /root/test.example.com/layouts/index.html
Tambahkanlah kode berikut.
{{ 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 }}
Tutup dan save. Oke langkah terakhir yang harus kamu lakukan ialah konfigurasi thema tadi dengan website kamu.
cd /root/test.example.com
hugo
Outputnya seperti di bawah ini.
                   | EN  
+------------------+----+
  Pages            | 17  
  Paginator pages  |  0  
  Non-page files   |  0  
  Static files     | 26  
  Processed images |  0  
  Aliases          |  5  
  Sitemaps         |  1  
  Cleaned          |  0  

Total in 18 ms
Oke sekarang start Hugo dan bind dengan menggunakan alamat IP server.
hugo server --bind=0.0.0.0 --baseUrl=http://server-atau-domain -D -F
Jika servernya sudah berjalan, maka outputnya seperti di bawah ini.
                   | EN  
+------------------+----+
  Pages            | 17  
  Paginator pages  |  0  
  Non-page files   |  0  
  Static files     | 26  
  Processed images |  0  
  Aliases          |  5  
  Sitemaps         |  1  
  Cleaned          |  0  

Total in 28 ms
Watching for changes in /root/test.example.com/{content,data,layouts,static,themes}
Watching for config changes in /root/test.example.com/config.toml
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://example.com/ (bind address 0.0.0.0)
Press Ctrl+C to stop
Selanjutnya kamu bisa menggunakan halaman interface hugo. Server hugo berjalan pada port 1313. Untuk membukannya di web browser masukkan URL http://example.com:1313. 
Next Post Previous Post
No Comment
Add Comment
comment url