Cách tạo một blog với Hugo

Giới thiệu

Hugo là một trình tạo trang tĩnh với tốc độ kết xuất nhanh như chớp và dễ sử dụng. Nhờ tất cả các tính năng hướng nội dung của nó, bạn luôn có thể tập trung vào việc tạo nội dung thay vì xây dựng môi trường:

  • Với Hugo, bạn có thể xây dựng một trang web tĩnh chạy mọi nơi trong vài phút mà không liên quan đến các phụ thuộc hoặc cơ sở dữ liệu tẻ nhạt.
  • Bạn có thể soạn nội dung của mình theo Markdown, kiểu viết thuận tiện nhất và ngay lập tức thấy những thay đổi bạn đã thực hiện trên web.
  • Hơn nữa, bạn có thể tận dụng tối đa kho lưu trữ chủ đề giàu có của Hugo và cộng đồng phát triển nhanh chóng.

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách cài đặt và sử dụng Hugo để xây dựng một trang blog tĩnh trên phiên bản máy chủ Vultr LEMP dựa trên CentOS.

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

Đăng nhập vào ví dụ của bạn với tư cách là người dùng không root với quyền sudo. Xem cách tạo một người dùng như vậy trong bài viết này .

Bước 1: Cài đặt chương trình Hugo

Hugo có thể được cài đặt trên hầu hết các nền tảng chính. Đối với CentOS, bạn chỉ cần tải xuống tệp chương trình mới nhất trong .tar.gzkho lưu trữ và giải nén nó đến một vị trí thuận tiện. Tại thời điểm viết, phiên bản mới nhất là 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

Kiểm tra cài đặt của bạn bằng lệnh sau:

 hugo version

Bước 2: Xây dựng trang web của bạn

Với Hugo, bạn có thể xây dựng trang web của mình từ trong bất kỳ thư mục nào trên máy chủ của bạn. Ở đây, tôi đã xây dựng một trang web trong thư mysite/mục dưới thư mục nhà của tôi.

cd ~
hugo new site ~/mysite

Chạy các lệnh sau để xem kiến ​​trúc của trang web:

cd mysite
ls -lF

Như bạn thấy, kiến ​​trúc hiện tại của trang web giống như:

nguyên mẫu /

cấu hình

Nội dung/

dữ liệu/

bố trí /

tĩnh /

Với hai thư mục được tạo khác, themes/public/, toàn bộ kiến ​​trúc của một trang Hugo là nhỏ gọn nhưng toàn diện.

Là một người bắt đầu, biết rằng nội dung của bạn nên được lưu trữ trong thư mục content/.

Bước 3: Cài đặt các chủ đề từ kho lưu trữ Hugo

Để cài đặt tất cả các chủ đề từ kho lưu trữ Hugo, hãy chạy các lệnh sau. Chúng sẽ tạo một thư mục có tên themes/trong thư mục trang web của bạn và tải xuống tất cả các chủ đề từ repo chủ đề Hugo.

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

Nếu bạn chỉ muốn cài đặt một chủ đề duy nhất, hãy truy cập repo chủ đề Hugo để xác định chủ đề yêu thích của bạn. Sao chép URL của nó và dán nó vào git clonelệnh bên dưới.

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

Bước 4: Thực hiện một số thay đổi cấu hình cơ bản

Tệp có tên config.tomltrong thư mục trang web của bạn chứa cấu hình toàn cầu cho trang Hugo của bạn. Chỉnh sửa tệp bằng trình soạn thảo văn bản để thực hiện một số thay đổi cấu hình cơ bản như được liệt kê bên dưới. Hãy nhớ thay thế các giá trị theo các điều kiện cụ thể của bạn.

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

Bước 5: Soạn nội dung của bạn

Trong thư mục trang web của bạn, nhập lệnh sau để tạo trang nội dung trong thư mục ~/mysite/content/post/.

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

Mở tệp trong trình soạn thảo văn bản, định dạng của tệp sẽ giống như sau.

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

+++

Giữa hai dòng +++nói dối thông tin meta về trang nội dung của bạn. Tại đây, bạn có thể xóa dòng draft = truevà sửa đổi dòng tiêu đề theo ý muốn.

Trong +++dòng thứ hai , thêm nội dung mà bạn muốn hiển thị trên trang web. Hãy nhớ viết nội dung của bạn bằng ngôn ngữ Markdown.

## This is an H2 headline

Text goes here.

Sau khi hoàn thành chỉnh sửa này, hãy giữ trình soạn thảo văn bản mở để sử dụng sau.

Bước 6: Điều chỉnh nội dung của bạn với máy chủ Hugo

Bạn có thể sử dụng máy chủ web tích hợp của Hugo để triển khai trang web của mình, ứng dụng này có thể hiển thị tức thời các thay đổi của bạn trên trang web ngay khi bạn sửa đổi nội dung của mình trong trình soạn thảo văn bản.

Mở một thiết bị đầu cuối khác, định cấu hình các iptablesquy tắc để cho phép bạn truy cập vào trang web của mình trên cổng mặc định của máy chủ Hugo 1313:

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

Khởi chạy máy chủ Hugo:

hugo server --bind="[YourServerIP]"

Truy cập trang web của bạn từ một trình duyệt:

http://[YourServerIP]:1313

Bây giờ, bạn có thể thử chỉnh sửa nội dung của tệp trang trong thiết bị đầu cuối trước đó hoặc thêm / xóa tệp trang. Bạn sẽ thấy rằng mọi sửa đổi trong content/thư mục sẽ được phản ánh đồng thời trên màn hình trình duyệt của bạn. Đây là một tính năng tuyệt vời cho một blogger bận rộn vì bạn luôn có thể thấy ngay các sửa đổi của mình để có trải nghiệm sáng tác tốt hơn.

Sau khi bạn hoàn thành chỉnh sửa của mình, nhấn Ctrl+Cđể dừng máy chủ Hugo.

Bước 7: Xuất bản trang web của bạn

Bây giờ là lúc để xuất bản trang web của bạn trên web. Chạy các lệnh sau và Hugo sẽ tạo ra tất cả nội dung tĩnh phù hợp để xuất bản trong public/thư mục.

cd ~/mysite
hugo

Lưu ý : Hugo sẽ không xóa các tệp cũ đã được tạo trước đó khi bạn chạy các lệnh trên. Để tránh kết quả không mong muốn, bạn luôn có thể xóa public/thư mục trước khi chạy hugolệnh hoặc chỉ định đích đầu ra mới như trong lệnh sau.

hugo --destination=public2

Vì máy chủ web Nginx đã chạy trên máy chủ, tất cả những gì bạn cần làm là sao chép nội dung của ~/mysite/public/thư mục hoặc các thư mục đích tùy chỉnh khác vào thư mục web của bạn /usr/share/nginx/html/.

Xóa các tập tin gốc:

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

Sao chép các tập tin trang web tĩnh của bạn vào thư mục web:

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

Đó là nó. Bây giờ bạn có thể truy cập trang web tĩnh siêu nhanh từ trình duyệt của mình : http://[YourServerIP].

Để xem thêm chi tiết, sử dụng lệnh hugo helphoặc truy cập trang web chính thức của Hugo .



Leave a Comment

ReactOS: Đây có phải là tương lai của Windows?

ReactOS: Đây có phải là tương lai của Windows?

ReactOS, một hệ điều hành mã nguồn mở và miễn phí đã có phiên bản mới nhất. Liệu nó có thể đáp ứng đủ nhu cầu của người dùng Windows hiện đại và hạ gục Microsoft? Hãy cùng tìm hiểu thêm về trải nghiệm hệ điều hành kiểu cũ nhưng mới hơn này.

Liệu AI có thể chiến đấu với số lượng các cuộc tấn công bằng Ransomware ngày càng tăng

Liệu AI có thể chiến đấu với số lượng các cuộc tấn công bằng Ransomware ngày càng tăng

Các cuộc tấn công ransomware đang gia tăng, nhưng liệu AI có thể giúp đối phó với loại virus máy tính mới nhất? AI có phải là câu trả lời? Đọc ở đây biết là AI boone hay cấm

Luôn kết nối thông qua Ứng dụng WhatsApp Desktop 24 * 7

Luôn kết nối thông qua Ứng dụng WhatsApp Desktop 24 * 7

Whatsapp cuối cùng đã ra mắt ứng dụng Máy tính để bàn cho người dùng Mac và Windows. Giờ đây, bạn có thể truy cập Whatsapp từ Windows hoặc Mac một cách dễ dàng. Có sẵn cho Windows 8+ và Mac OS 10.9+

Làm thế nào AI có thể đưa quá trình tự động hóa lên cấp độ tiếp theo?

Làm thế nào AI có thể đưa quá trình tự động hóa lên cấp độ tiếp theo?

Hãy đọc phần này để biết Trí tuệ nhân tạo đang trở nên phổ biến như thế nào đối với các công ty quy mô nhỏ và làm thế nào nó đang tăng khả năng khiến họ phát triển và giúp đối thủ cạnh tranh của họ có thể cạnh tranh.

Bản cập nhật bổ sung macOS Catalina 10.15.4 đang gây ra nhiều vấn đề hơn là giải quyết

Bản cập nhật bổ sung macOS Catalina 10.15.4 đang gây ra nhiều vấn đề hơn là giải quyết

Gần đây Apple đã phát hành macOS Catalina 10.15.4 một bản cập nhật bổ sung để khắc phục các sự cố nhưng có vẻ như bản cập nhật đang gây ra nhiều vấn đề hơn dẫn đến việc máy mac bị chai. Đọc bài viết này để tìm hiểu thêm

13 Công cụ trích xuất dữ liệu thương mại của Dữ liệu lớn

13 Công cụ trích xuất dữ liệu thương mại của Dữ liệu lớn

13 Công cụ trích xuất dữ liệu thương mại của Dữ liệu lớn

Hệ thống tệp nhật ký là gì và nó hoạt động như thế nào?

Hệ thống tệp nhật ký là gì và nó hoạt động như thế nào?

Máy tính của chúng tôi lưu trữ tất cả dữ liệu một cách có tổ chức được gọi là hệ thống tệp Ghi nhật ký. Đây là một phương pháp hiệu quả cho phép máy tính tìm kiếm và hiển thị các tệp ngay khi bạn nhấn tìm kiếm. Https://wethegeek.com/? P = 94116 & preview = true

Điểm kỳ dị về công nghệ: Tương lai xa của nền văn minh nhân loại?

Điểm kỳ dị về công nghệ: Tương lai xa của nền văn minh nhân loại?

Khi Khoa học phát triển với tốc độ nhanh chóng, chiếm rất nhiều nỗ lực của chúng ta, những rủi ro của việc phục tùng bản thân trước một Điểm kỳ dị không thể giải thích cũng tăng lên. Hãy đọc, điểm kỳ dị có thể có ý nghĩa gì đối với chúng ta.

Hiểu rõ hơn về 26 kỹ thuật phân tích dữ liệu lớn: Phần 1

Hiểu rõ hơn về 26 kỹ thuật phân tích dữ liệu lớn: Phần 1

Hiểu rõ hơn về 26 kỹ thuật phân tích dữ liệu lớn: Phần 1

Tác động của trí tuệ nhân tạo trong chăm sóc sức khỏe 2021

Tác động của trí tuệ nhân tạo trong chăm sóc sức khỏe 2021

AI trong lĩnh vực chăm sóc sức khỏe đã có những bước tiến nhảy vọt so với những thập kỷ trước. Vì vậy, tương lai của AI trong Chăm sóc sức khỏe vẫn đang phát triển từng ngày.