Cách tạo trang web bằng Hugo trên Debian 11

[theanh]

Hugo là một khuôn khổ trang web miễn phí và mã nguồn mở được viết bằng Go. Hugo cung cấp trình tạo trang web tĩnh đáng tin cậy và hiện đại cho phép bạn dễ dàng tạo trang web đơn giản và nhanh chóng. Nó đi kèm với các mẫu được tạo sẵn và các tính năng khác bao gồm SEO, bình luận, phân tích và các chức năng khác. Các trang web Hugo có thể chạy mà không cần bất kỳ thời gian chạy tốn kém nào như PHP, Python, Ruby và không cần bất kỳ cơ sở dữ liệu nào.

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách cài đặt và sử dụng trình tạo trang web Hugo trên Debian 11.

Điều kiện tiên quyết​

• Một máy chủ chạy Debian 11.
• Mật khẩu gốc được cấu hình trên máy chủ.

Cài đặt Hugo trên Debian 11​

Theo mặc định, gói Hugo được bao gồm trong kho lưu trữ mặc định của Debian 11. Bạn có thể cài đặt bằng lệnh sau:

apt-get install hugo -y

Sau khi Hugo được cài đặt, bạn có thể xác minh phiên bản Hugo bằng lệnh sau:

hugo version

Bạn sẽ nhận được kết quả sau:

Hugo Static Site Generator v0.80.0/extended linux/amd64 BuildDate: 2021-07-18T09:31:51Z (debian 0.80.0-6+b5)

Tạo trang web bằng Hugo​

Trong phần này, chúng ta sẽ tạo một trang web mới có tên là hugo.example.com.

Chạy lệnh sau để tạo trang web:

hugo new site hugo.example.com

Sau khi tạo trang web, bạn sẽ nhận được kết quả sau:

Xin chúc mừng! Trang web Hugo mới của bạn đã được tạo trong /root/hugo.example.com.Chỉ cần thêm một vài bước nữa là bạn đã sẵn sàng:1. Tải xuống chủ đề vào thư mục cùng tên. Chọn chủ đề từ https://themes.gohugo.io/ hoặc tạo chủ đề của riêng bạn bằng lệnh "hugo new theme ".2. Có lẽ bạn muốn thêm một số nội dung. Bạn có thể thêm các tệp riêng lẻ bằng lệnh "hugo new /.".3. Khởi động máy chủ trực tiếp tích hợp thông qua "hugo server".Truy cập https://gohugo.io/ để biết hướng dẫn bắt đầu nhanh và tài liệu đầy đủ.

Bạn có thể liệt kê tất cả các tệp do Hugo tạo bằng lệnh sau:

ls -l hugo.example.com

Bạn sẽ nhận được kết quả sau:

drwxr-xr-x 2 root root 4096 13 tháng 11 09:27 archetypes-rw-r--r-- 1 root root 82 13 tháng 11 09:27 config.tomldrwxr-xr-x 2 root root 4096 13 tháng 11 09:27 contentdrwxr-xr-x 2 root root 4096 13 tháng 11 09:27 datadrwxr-xr-x 2 root root 4096 13 tháng 11 09:27 layoutsdrwxr-xr-x 2 root root 4096 13 tháng 11 09:27 staticdrwxr-xr-x 2 root root 4096 13 tháng 11 09:27 themes

Tạo trang Giới thiệu và Bài đăng mẫu​

Đầu tiên, hãy thay đổi thư mục thành trang web của bạn bằng lệnh sau:

cd hugo.example.com

Tiếp theo, hãy tạo trang giới thiệu bằng lệnh sau:

hugo new about.md

Bạn sẽ nhận được kết quả sau:

/root/hugo.example.com/content/about.md created

Tiếp theo, hãy chỉnh sửa trang about.md bằng lệnh sau:

nano content/about.md

Thay đổi tệp như hiển thị bên dưới:

---title: "About Us"date: 2021-11-13T09:28:18Zdraft: false---Đây là trang About Us cho trang web này.

Tiếp theo, tạo một bài đăng mẫu bằng lệnh sau:

hugo new post/page.md

Bạn sẽ nhận được kết quả sau:

/root/hugo.example.com/content/post/page.md created

Tiếp theo, chỉnh sửa trang bài đăng mẫu bằng lệnh sau:

nano content/post/page.md

Thay đổi tệp như hiển thị bên dưới:

---title: "Page"date: 2021-11-13T09:29:29Zdraft: true---# Hugo PageĐây là trang web hugo đầu tiên của tôi!

Lưu và đóng tệp khi bạn đã hoàn tất.

Cài đặt Theme trên Website của Bạn​

Tiếp theo, bạn sẽ cần tải xuống và thiết lập một theme để truy cập vào website Hugo của mình.

Đầu tiên, hãy thay đổi thư mục thành themes bằng lệnh sau:

cd themes

Tiếp theo, hãy tải theme Hugo bằng lệnh sau:

wget https://github.com/digitalcraftsman/hugo-strata-theme/archive/master.zip

Tiếp theo, hãy giải nén theme đã tải xuống bằng lệnh sau:

unzip master.zip

Tiếp theo, hãy đổi tên theme đã giải nén bằng lệnh sau:

mv hugo-strata-theme-master hugo-strata-theme

Tiếp theo, hãy sao chép nội dung của config.toml vào config của site bạn.

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

Tiếp theo, chỉnh sửa tệp config.toml bằng lệnh sau:

nano ../config.toml

Thêm/Sửa đổi các dòng sau:

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

Lưu và đóng tệp, sau đó tạo tệp index.html cho trang web của bạn:

cd ../
nano layouts/index.html

Thêm các dòng sau:

{{ 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 }}

Lưu và đóng tệp.

Xây dựng và ra mắt trang web của bạn​

Bây giờ, bạn sẽ cần xây dựng trang web của mình để sử dụng. Bạn có thể xây dựng trang web bằng cách chạy lệnh sau:

hugo

Bạn sẽ nhận được đầu ra sau:

{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }} | EN-------------------+----- Trang | 8 Trang phân trang | 0 Tệp không phải trang | 0 Tệp tĩnh | 26 Hình ảnh đã xử lý | 0 Biệt danh | 2 Sơ đồ trang web | 1 Đã dọn dẹp | 0Tổng cộng trong 48 ms

Tiếp theo, khởi động máy chủ Hugo và liên kết nó với IP máy chủ của bạn bằng lệnh sau:

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

Bạn sẽ nhận được kết quả sau:

{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }} | EN-------------------+----- Trang | 11 Trang phân trang | 0 Tệp không phải trang | 0 Tệp tĩnh | 26 Hình ảnh đã xử lý | 0 Biệt danh | 3 Sơ đồ trang web | 1 Đã dọn dẹp | 0Được xây dựng trong 42 msĐang theo dõi các thay đổi trong /root/hugo.example.com/{archetypes,content,data,layouts,static,themes}Đang theo dõi các thay đổi về cấu hình trong /root/hugo.example.com/config.tomlMôi trường: "development"Đang phục vụ các trang từ bộ nhớChạy ở Chế độ Kết xuất Nhanh. Để xây dựng lại hoàn toàn khi có thay đổi: hugo server --disableFastRenderMáy chủ Web khả dụng tại http://104.245.34.233:1313/ (liên kết địa chỉ 0.0.0.0)Nhấn Ctrl+C để dừng

Lúc này, máy chủ Hugo đã được khởi động và lắng nghe trên cổng 1313.

Truy cập Trang web Hugo​

Bây giờ, hãy mở trình duyệt web của bạn và truy cập trang web của bạn bằng URL

http://your-server-ip:1313

. Bạn sẽ thấy trang mặc định của Hugo:



Nhấp vào Giới thiệu ở ngăn bên trái. Bạn sẽ thấy trang Giới thiệu của mình trên màn hình sau:

Kết luận​

Xin chúc mừng! bạn đã cài đặt thành công Hugo và tạo một trang web trên Debian 11. Bây giờ bạn có thể dễ dàng xây dựng một trang web an toàn và nhanh chóng bằng Hugo.