Nội dung
- Yêu cầu - Cài đặt version Hugo mới nhất - Cài đặt phần mềm hỗ trợ của Hugo - Tạo trang web đầu tiên của bạn - Commit trang web kiểm soát nguồn - Điều chỉnh cấu hình ban đầu cho trang web - Tạo các trang mới cho trang web - Xây dựng và Phục vụ Trang web - Kết luận

Thứ hai, 09/11/2015 | 00:00 GMT+7

Cách cài đặt và sử dụng Hugo, Trình tạo trang web tĩnh, trên Ubuntu 14.04

Hugo là một trình tạo trang web tĩnh nhanh và dễ sử dụng được viết bằng Go và có sẵn trên nhiều nền tảng. Trình tạo trang tĩnh là lựa chọn tuyệt vời cho blog và các nội dung khác không yêu cầu nội dung động được lấy từ database . Các lựa chọn như Hugo cho phép bạn đơn giản hóa ngăn xếp của bạn , viết bằng đánh dấu thân thiện với user và xử lý các bản cập nhật và nội dung tùy chỉnh mà không cần đến giải pháp quản lý nội dung đầy đủ.

Trong hướng dẫn này, ta sẽ trình bày cách cài đặt và sử dụng Hugo trên server Ubuntu 14.04. Điều này sẽ cho phép ta cấu hình một trang web tĩnh, tạo nội dung và xuất bản trên cùng một server hoặc triển khai đến một vị trí production .

Yêu cầu

Để làm theo hướng dẫn này, bạn cần truy cập vào server Ubuntu 14.04. Trên server này, bạn cần phải có user không phải root với các quyền sudo cấu hình để thực hiện các việc quản trị. Bạn có thể tìm hiểu cách tạo user sudo theo hướng dẫn cài đặt server ban đầu Ubuntu 14.04 của ta .

Cài đặt version Hugo mới nhất

Hugo không có sẵn trong repository lưu trữ mặc định của Ubuntu. Tuy nhiên, các gói có sẵn trên GitHub cho nhiều kiến trúc và bản phân phối khác nhau.

Tìm kiến trúc hệ thống của bạn

Trước khi bắt đầu, ta nên kiểm tra kiến trúc của máy Ubuntu để có thể chắc chắn download đúng gói. Trên server của bạn, hãy nhập:

uname -i

Nếu bạn thấy thông báo sau, bạn đang chạy cài đặt Ubuntu 64-bit :

Output
x86_64

Thay vào đó, nếu kết quả của bạn trông giống như thế này, điều đó nghĩa là bạn đang làm việc với version 32-bit của Ubuntu:

Output
i686

Ta sẽ sử dụng thông tin này dưới đây.

Download và cài đặt gói Hugo

Truy cập trang Hugo phát hành để tìm version ổn định mới nhất của Hugo (phiên bản gần nhất với đầu trang). Nếu bạn cuộn xuống văn bản thông báo tính năng, bạn sẽ thấy một phần có tên là “ Download ”.

Tiếp theo, ta cần sao chép vị trí liên kết cho gói cài đặt thích hợp. Gói chính xác sẽ phụ thuộc vào kiến trúc server mà bạn đã tìm thấy ở trên.

Nếu bạn đang sử dụng version Ubuntu 64 bit , hãy nhấp chuột phải vào liên kết kết thúc bằng amd64.deb và sao chép vị trí liên kết.
Nếu bạn đang sử dụng version Ubuntu 32-bit , hãy nhấp chuột phải vào liên kết kết thúc bằng i386.deb và sao chép vị trí liên kết.

Trên server của bạn, đăng nhập với quyền user của bạn với quyền sudo , di chuyển vào folder mà bạn có quyền ghi. Sử dụng lệnh wget và dán vị trí liên kết bạn đã sao chép để download Hugo:

cd ~ 
wget https://github.com/spf13/hugo/releases/download/v0.14/hugo_0.14_amd64.deb

Bây giờ, bạn có thể cài đặt gói với dpkg bằng lệnh :

sudo dpkg -i hugo*.deb

Kiểm tra xem cài đặt có thành công hay không bằng cách yêu cầu Hugo in version phần mềm của nó:

hugo version

Hugo nên in version phần mềm hiện tại của nó:

Output
Hugo Static Site Generator v0.14 BuildDate: 2015-05-25T21:29:16-04:00

Cài đặt phần mềm hỗ trợ của Hugo

Ứng dụng Hugo chính bây giờ sẽ được cài đặt. Tuy nhiên, có một số phần mềm bổ sung mà ta nên cài đặt để giúp ta bắt đầu và chạy.

Cài đặt Chủ đề Hugo

Gói Hugo chính không bao gồm bất kỳ chủ đề nào. Chủ đề Hugo xác định cách hiển thị nội dung trang web thực tế cho user . Cách dễ nhất để có được chủ đề Hugo là sao chép repository git chủ đề Hugo, nơi cung cấp nhiều chủ đề được cấu hình sẵn. Ta cần cài đặt git cho quá trình này.

Ta có thể tìm thấy git trong repository lưu trữ mặc định của Ubuntu. Cập nhật index gói local và sau đó cài đặt git bằng lệnh :

sudo apt-get update 
sudo apt-get install git

Tiếp theo, ta có thể sao chép kho chủ đề Hugo. Kho lưu trữ trên GitHub được tổ chức với từng chủ đề riêng lẻ được bao gồm dưới dạng một module con.

Bởi vì các module con sẽ làm phức tạp đáng kể việc kiểm soát version cho nội dung thực tế cho trang web của ta , ta thực sự sẽ chỉ sao chép các chủ đề vào folder chính của ta . Sau đó, ta có thể tạo một softlink đến các chủ đề trong folder trang web của ta . Điều này cũng sẽ cho phép ta dễ dàng chia sẻ folder chủ đề nếu ta có nhiều trang web.

Sao chép repository chủ đề vào folder chính của bạn bằng lệnh :

git clone --recursive https://github.com/spf13/hugoThemes ~/themes

Cài đặt Công cụ đánh dấu cú pháp Py Phân khúc

Ta cũng sẽ cài đặt một phần mềm Python có tên là Py mảnh. Điều này cung cấp logic làm nổi bật cú pháp phía server cho bất kỳ khối mã nào sẽ được đưa vào các trang được hiển thị của ta . Ta có thể cài đặt Py Phân khúc dễ dàng với pip , trình quản lý gói của Python.

Ta có thể lấy pip từ repository mặc định bằng lệnh :

sudo apt-get install python-pip

Sau khi apt hoàn tất, ta có thể sử dụng pip để cài đặt các Pygments bằng lệnh :

sudo pip install Pygments

Điều này sẽ cho phép ta bao gồm các khối mã được đánh dấu cú pháp hỗ trợ hơn 300 ngôn ngữ trong nội dung bài đăng của ta nếu ta chọn. Bạn có thể tìm hiểu thêm trên trang của dự án .

Bật tính năng tự động hoàn thành Hugo Bash

Một điều cuối cùng mà ta sẽ làm trước khi bắt đầu làm việc trên trang web đầu tiên của bạn là tạo các chức năng tự động hoàn thành bash của Hugo. Ta có thể làm điều này bằng lệnh :

sudo hugo gen autocomplete

Sau đó, ta có thể tạo nguồn cấu hình hoàn thành toàn hệ thống để shell hiện tại của ta có thể sử dụng các chức năng tự động hoàn thành mà không cần đăng xuất và đăng nhập lại:

. /etc/bash_completion

Bây giờ, nếu bạn gõ hugo sau đó nhấn một vài lần trên phím TAB, bạn sẽ thấy các lệnh mà Hugo biết:

hugo [TAB][TAB][TAB]

Output
benchmark        config           gen  help             new              undraft check            convert          gendoc           list             server           version

Tạo trang web đầu tiên của bạn

Bây giờ ta đã cài đặt xong, ta có thể tiếp tục và tạo trang Hugo đầu tiên của bạn . Hugo có một trình tạo có thể tạo ra một khung các file và folder mà nó cần để hoạt động.

Ta có thể tạo một trang web mới trong folder chính của bạn bằng lệnh :

hugo new site ~/my-website

Di chuyển vào trang Hugo mới của bạn và xem xung quanh:

cd ~/my-website 
ls -F

Bạn sẽ thấy cấu trúc folder và file cấu hình chính được sử dụng để xây dựng trang Hugo:

Output
archetypes/  config.toml  content/  data/  layouts/  public/  static/

Hãy tiếp tục và liên kết folder ~/themes mà ta đã nhân bản vào trang web mới của bạn . Để làm cho liên kết này linh hoạt hơn để có thể triển khai, ta sẽ tạo một softlink tương đối. Nếu bạn triển khai repository Hugo của bạn đến một server từ xa, bạn sẽ chỉ phải đảm bảo sao chép lại folder chủ đề vào folder mẹ của Hugo:

ln -s ../themes . 
ls -l

Output
total 28 drwxrwxr-x  2 demouser demouser 4096 Nov  5 11:25 archetypes -rw-rw-r--  1 demouser demouser  210 Nov  5 11:55 config.toml drwxrwxr-x  3 demouser demouser 4096 Nov  5 11:38 content drwxrwxr-x  2 demouser demouser 4096 Nov  5 11:25 data drwxrwxr-x  2 demouser demouser 4096 Nov  5 11:25 layouts drwxrwxr-x 13 demouser demouser 4096 Nov  5 11:25 public drwxrwxr-x  2 demouser demouser 4096 Nov  5 11:25 static lrwxrwxrwx  1 demouser demouser    9 Nov  5 14:21 themes -> ../themes

Như bạn thấy ở trên, folder chủ đề trong folder hiện tại của ta thực sự chỉ là một liên kết đến repository chủ đề mà ta đã nhân bản vào folder chính của bạn .

Commit trang web kiểm soát nguồn

Trước khi ta cấu hình cài đặt của bạn và tạo một số nội dung, ta nên biến trang web mới của bạn thành một repository Git.

Đảm bảo rằng bạn đang ở trong folder trang web của bạn và khởi tạo một repository get mới bằng lệnh :

cd ~/my-website 
git init

Output
Initialized empty Git repository in /home/demouser/my-website/.git/

Tiếp theo, cài đặt các mục cấu hình git cơ bản cần thiết để commit mã vào repository . Cách dễ nhất để làm điều này là sử dụng git config --global . Ta cần đặt tên và địa chỉ email của bạn để git có thể ghi lại thông tin của ta dưới dạng người commit một cách chính xác:

git config --global user.name "Your Name" 
git config --global user.email "user@email.com"

Theo mặc định, git sẽ không commit bất kỳ folder trống nào vào repository . Hugo, đôi khi, yêu cầu các folder này phải có mặt ngay cả khi chúng không có bất kỳ nội dung nào trong đó. Để giải quyết vấn đề này, ta có thể bao gồm một file .gitkeep ẩn trong mỗi folder trống này. Điều này là đủ để git commit folder mà không ảnh hưởng đến chức năng thực tế của Hugo.

Ta có thể thêm file .gitkeep ẩn vào từng folder cấp cao nhất của ta (ngoài .git ẩn .git thực tế) bằng lệnh :

for DIR in `ls -p | grep /`; do touch ${DIR}.gitkeep; done

Ta có thể thấy rằng một file .gitkeep ẩn đã được thêm vào tất cả các folder cấp cao nhất của ta bằng lệnh :

find . -name .gitkeep

Output
./data/.gitkeep ./layouts/.gitkeep ./archetypes/.gitkeep ./static/.gitkeep ./content/.gitkeep

Ta cũng muốn đảm bảo nội dung trang web được hiển thị của ta không được thêm vào kiểm soát nguồn. Nội dung HTML, JavaScript và CSS thực tế phải được tạo mới trên mỗi lần triển khai, không được lưu giữ trong kiểm soát nguồn. Ta có thể yêu cầu git bỏ qua folder public nơi lưu trữ nội dung đã tạo bằng cách thêm vị trí đó vào file .gitignore :

echo "public" >> .gitignore

Bây giờ, ta có thể commit khung trang web sạch của bạn vào repository bằng cách thêm tất cả nội dung trong folder hiện tại và sau đó commit :

git add . 
git commit -m 'Initial commit, pre-configuration.'

Điều chỉnh cấu hình ban đầu cho trang web

Hãy điều chỉnh file cấu hình chính của Hugo để cài đặt cách mà Hugo sẽ xây dựng trang web của ta .

Mở file config.toml trong editor :

nano config.toml

Bên trong, bạn sẽ tìm thấy một số mục mà ta cần điều chỉnh:

~ / my-website / config.toml

baseurl = "http://replace-this-with-your-hugo-site.com/" languageCode = "en-us" title = "My New Hugo Site"

Như hậu tố file cho biết, file này được viết bằng ngôn ngữ TOML . Đây là một ngôn ngữ cấu hình đơn giản chủ yếu sử dụng các khóa, giá trị và phần.

Mục đầu tiên ta nên thay đổi là mục baseurl . Điều này được sử dụng để tạo URL khi trang web được xây dựng. Thay đổi điều này để tham chiếu domain hoặc địa chỉ IP công cộng của server của bạn. Bạn cũng nên chỉnh sửa giá trị được gán cho title . Điều này được sử dụng để đặt tiêu đề tab hoặc cửa sổ cho trang web và được sử dụng trên trang cho các chủ đề nhất định:

~ / my-website / config.toml

baseurl = "http://your_domain_or_IP/" languageCode = "en-us" title = "Your Site Name"

Có một số cài đặt bổ sung mà ta nên thêm vào file này. Đầu tiên, ta có thể đặt editor ưa thích của bạn . Bằng cách đó, khi ta tạo các trang mới, mẫu trang sẽ được mở trong editor của ta , sẵn sàng hoạt động.

Ta cũng nên đặt một chủ đề mặc định. Ta sẽ sử dụng một chủ đề có tên là “nofancy” để bắt đầu. Bạn có thể overrides điều này sau trên dòng lệnh để kiểm tra các lựa chọn thay thế và sau đó chỉnh sửa file cấu hình khi bạn tìm thấy file phù hợp với mình. Ta cũng sẽ đặt kiểu khối mã ưa thích của bạn :

~ / my-website / config.toml

baseurl = "http://your_domain_or_IP/" languageCode = "en-us" title = "Your Site Name" newContentEditor = "nano" theme = "nofancy" pygmentsStyle = "native"

Bạn có thể tìm thêm một số thông tin về các cài đặt có sẵn trên trang này . Bây giờ, hãy lưu file .

Hãy commit các thay đổi cấu hình của ta trước khi tiếp tục:

git add . 
git commit -m 'Initial configuration complete'

Tạo các trang mới cho trang web

Bây giờ ta đã sẵn sàng để bắt đầu tạo nội dung trang web. Nội dung trong Hugo được viết bằng các ngôn ngữ đánh dấu dễ sử dụng. Siêu dữ liệu trang được cung cấp trong một phần đặc biệt trên mỗi trang được gọi là "vấn đề chính" bằng cách sử dụng cùng một cú pháp cấu hình có sẵn cho file cấu hình chính.

Ta có thể tạo nội dung mới với Hugo bằng cách sử dụng lệnh hugo new theo sau là đường dẫn đến nội dung ta muốn production . Theo mặc định, nội dung Hugo được viết bằng Markdown. Để Hugo tạo chính xác HTML từ các trang Markdown của ta , ta cần tạo các file kết thúc bằng phần mở rộng .md .

Tạo trang giới thiệu

Các trang sẽ được liên kết đến từ trang chủ và các đường dẫn tương đối mà các trang web cần chủ yếu do chủ đề của bạn quyết định. Xem trang của chủ đề trên GitHub để tìm hiểu thêm về những gì nó mong đợi. Chủ đề "nofancy" của ta có liên kết đến trang "giới thiệu". Hãy bắt đầu bằng cách tạo trang đó:

hugo new about.md

Một trang mới sẽ được tạo trong folder content tên about.md . Vì ta đặt tùy chọn newContentEditor trong file cấu hình của bạn , nên file sẽ tự động được mở bằng editor bạn muốn . Nó sẽ trông như thế này để bắt đầu:

~ / my-website / content / about.md

+++ categories = ["misc"] date = "2015-11-05T16:58:58-05:00" title = "about"  +++

Các cài đặt và metadata cho trang được cấu hình trong “vấn đề quan trọng” của trang, phần được đánh dấu ở hai bên bởi các dòng “+++”. Vấn đề phía trước được bao gồm theo mặc định thường được xác định theo chủ đề mà bạn đang sử dụng.

Chủ đề hiện tại của ta bao gồm ba mục trong vấn đề chính của các trang đã tạo. Bạn có thể điều chỉnh những thứ này hoặc thêm các mục bổ sung tùy thích. Các biến chung có sẵn cho Hugo có thể được tìm thấy tại đây . Chủ đề bạn đã chọn cũng có thể sử dụng các biến quan trọng của riêng nó. Kiểm tra README của chủ đề của bạn trong kho chủ đề Hugo để biết thông tin chi tiết về chủ đề của bạn.

Một số mặt hàng quan trọng chung quan trọng là:

date : Ngày sẽ được sử dụng để sắp xếp nội dung của bạn
description : Mô tả nội dung trang
bản nháp : Sẽ đánh dấu trang là chưa sẵn sàng để xuất bản nếu được đặt thành true
slug : Đặt cái này nếu bạn muốn chỉ định tên URL thay thế cho nội dung
ngày xuất bản : Điều này có thể được đặt thành một ngày trong tương lai nếu bạn chỉ muốn xây dựng trang sau một ngày nhất định
title : Tiêu đề trang web

Hiện tại, ta chỉ cần chỉnh sửa tiêu đề của trang “Giới thiệu”:

~ / my-website / content / about.md

+++ categories = ["misc"] date = "2015-11-05T16:58:58-05:00" title = "About Me"  +++

Bây giờ, ta có thể thêm văn bản Markdown bên dưới “+++” dưới cùng. Điều này sẽ được dịch sang văn bản HTML nội dung. Ta sẽ thêm một vài đoạn văn, một tiêu đề và một hình ảnh được cấp phép theo Creative Commons do Eva Hejda cung cấp mà ta thích:

~ / my-website / content / about.md

+++ categories = ["misc"] date = "2015-11-05T16:58:58-05:00" title = "About Me"  +++  Hello and welcome to my site!  ## A Bit About Me  I like alpacas and I'm a fan of static sites.  ![Great alpaca picture](https://upload.wikimedia.org/wikipedia/commons/c/c4/Alpaka_33444.jpg)

Khi bạn hoàn tất, hãy lưu file .

Tạo bài đăng đầu tiên của bạn

Ta đã tạo trang about.md trong folder root của folder nội dung vì đó là nơi mà chủ đề của ta mong đợi. Tuy nhiên, hầu hết các bài đăng của ta sẽ được lưu giữ tốt nhất trong folder con của post (thay vào đó, một số chủ đề tìm kiếm bài đăng trong folder con posts ).

Hãy tạo một bài đăng đầu tiên trong folder “bài viết”. Hugo sẽ tự động tạo bất kỳ folder hàng đầu nào mà nó cần khi tạo các trang:

hugo new post/My-First-Post.md

Nếu ta sử dụng dấu gạch ngang trong tên file Markdown, chúng sẽ được chuyển đổi thành dấu cách cho tiêu đề tự động điền:

~ / my-website / content / post / My-First-Post.md

+++ categories = ["misc"] date = "2015-11-05T17:52:41-05:00" title = "My First Post"  +++

Điền vào bất kỳ metadata nào còn thiếu và thêm một số đánh dấu vào trang. Ta sẽ thêm một ví dụ mã ở đây để bạn có thể thấy mã đánh dấu mà công cụ Py Phân khúc cung cấp. Để làm điều này, thay vì sử dụng ba dấu gạch ngược Markdown thông thường để bao quanh một khối mã, ta đặt mã giữa hai thẻ đánh dấu trông giống như sau:

{{< highlight language >}}  code_goes_here  {{< /highlight >}}

Điều này sẽ áp dụng kiểu Pygment cho mã bên trong. Lưu ý một số chủ đề nhất định bao gồm các file CSS sẽ overrides các lựa chọn kiểu Pygment. Thẻ <pre> thường được áp dụng kiểu bổ sung có thể overrides màu nền cho chủ đề Pygment. Tuy nhiên, chủ đề cụ thể của ta không bị vấn đề này.

Bên trong trang của ta , nội dung đã hoàn thành sẽ như sau:

~ / my-website / content / post / My-First-Post.md

+++ categories = ["misc"] date = "2015-11-05T17:52:41-05:00" title = "My First Post"  +++  This is my first post on the site.  I hope that you like it!  ## Welcome Function  Here is a little Python function to welcome you:  {{< highlight python >}} def hello_world():     print "Hello there!" {{< /highlight >}}

Lưu file khi bạn hoàn tất. Nếu bạn cần chỉnh sửa những trang này sau này, bạn có thể tìm thấy chúng trong folder content của trang Hugo của bạn.

Hãy commit các trang mới của ta với repository git của ta :

git add . 
git commit -m 'First pages of our site'

Xây dựng và Phục vụ Trang web

Hugo có thể lấy các file Markdown của bạn, áp dụng các cài đặt được xác định trong cấu hình và chủ đề của bạn và hiển thị các trang HTML thực tế sẽ được hiển thị cho khách truy cập.

Để xây dựng trang web , bạn chỉ cần nhập:

hugo

Điều này sẽ tạo ra các trang web và đưa tất cả nội dung được hiển thị vào folder public trên server của bạn. Nếu muốn, bạn có thể chuyển nội dung của folder này đến web server của bạn để triển khai và phục vụ nội dung của bạn.

Ghi chú

Hugo không dọn dẹp folder kết quả sau mỗi lần xây dựng. Điều này nghĩa là có khả năng nội dung cũ được để lại trong folder public từ bản dựng trước. Các nhà phát triển của Hugo khuyên bạn nên xóa folder public sau mỗi bản dựng (đặc biệt là trước khi chuyển sang production ) để tất cả nội dung có thể được tạo lại mới.

Hugo cũng bao gồm một web server của riêng mình. Mặc dù bạn có thể không muốn sử dụng nó để phục vụ lưu lượng truy cập production của bạn , nhưng đây là một cách tốt để xem các bản sao đang làm việc và kiểm tra kết xuất trước khi triển khai các trang web .

Để cung cấp các trang web trên server Hugo, hãy sử dụng lệnh hugo server . Thao tác này sẽ hiển thị các trang web (không cần phải chạy lệnh hugo trước) và sau đó khởi động web server .

Ta sẽ sử dụng tùy chọn --bind để chỉ định rằng ta muốn cung cấp trang web trên tất cả các giao diện (nếu bạn đã cài đặt Hugo local , bạn có thể xóa tùy chọn này). Ta cũng cần bao gồm tùy chọn --bindUrl . Ta đặt điều này trong file cấu hình của bạn , nhưng nó không được server chọn trong version hiện tại của Hugo. Đặt điều này thành domain hoặc địa chỉ IP của trang web :

rm -r public 
hugo server --bind=0.0.0.0 --baseUrl=http://your_domain_or_IP/

Nếu bạn đặt draft = true trong bất kỳ trang nào của bạn hoặc đặt date thành thời gian trong tương lai trong một số nội dung của bạn , bạn có thể xây dựng và xem trước các trang đó bằng cách bao gồm các cờ -D và -F tương ứng:

rm -r public 
hugo server --bind=0.0.0.0 --baseUrl=http://your_domain_or_IP/ -D -F

Bây giờ, nếu bạn truy cập domain hoặc địa chỉ IP của server trong trình duyệt web và thêm thông số cổng :1313 vào cuối, bạn sẽ thấy trang web được hiển thị của bạn :

http://your_domain_or_IP:1313

Địa điểm thử nghiệm Hugo

Ta có thể nhấp vào bài đăng đầu tiên của bạn để xem Markdown được hiển thị của ta . Kiểu Py Phân khúc của ta đã được áp dụng cho khối mã:

Hugo trang đầu tiên

Nếu ta nhấp vào liên kết “Giới thiệu”, ta sẽ được đưa đến trang “Giới thiệu về tôi:

Hugo về trang

Như bạn thấy , chủ đề của ta khá cơ bản nhưng nó hoạt động chính xác như ta mong đợi.

Nếu bạn muốn thử các chủ đề thay thế, bạn có thể thêm tùy chọn --theme= vào cuối dòng server của bạn :

rm -r public 
hugo server --bind=0.0.0.0 --baseUrl=http://your_domain_or_IP/ --theme=redlounge

Lưu ý mỗi chủ đề có những kỳ vọng riêng về cấu trúc folder và cài đặt cấu hình của bạn. Bạn có thể cần điều chỉnh một số thứ để mỗi chủ đề mới hoạt động chính xác.

Nếu bạn muốn sử dụng Hugo để phân phát nội dung trên cổng 80 như một web server thông thường, bạn sẽ phải thêm tùy chọn --port vào dòng lệnh của bạn . Bạn cũng sẽ phải thêm sudo vào lệnh vì các cổng dưới 1024 bị hạn chế đối với user bình thường:

rm -r public sudo hugo server --bind=0.0.0.0 --baseUrl=http://your_domain_or_IP/ --theme=redlounge --port=80

Đến đây bạn có thể truy cập trang web của bạn trong cửa sổ trình duyệt mà không cần thêm số cổng.

Sau khi chạy server Hugo với sudo , bạn cũng sẽ phải mở đầu lệnh rm với sudo :

sudo rm -r public

Kết luận

Hugo là một cách tốt để khởi tạo một trang web nhanh chóng và dễ dàng. Các trang web tĩnh cung cấp một giải pháp thay thế ít tốn tài nguyên hơn cho các trang web CMS truyền thống. Đa số user không cần nội dung hướng database và không sử dụng các tính năng bổ sung mà hệ thống quản lý nội dung cung cấp. Với Hugo, bạn có thể tập trung sức lực của bạn vào việc tạo ra nội dung thay vì quản lý một hệ thống phức tạp.

Hướng dẫn tiếp theo của ta sẽ tiến thêm bước cài đặt này bằng cách trình bày cách triển khai trang Hugo bằng Git Hooks.

Tags:

Các tin liên quan