Hugo là gì và nó hoạt động như thế nào?

Nếu bạn định tạo một trang web đơn giản, hướng đến nội dung, có lẽ bạn không muốn mất quá nhiều thời gian để viết mã nó. Trường hợp này có thể xảy ra nếu bạn đang tạo một trang web kinh doanh, blog hoặc danh mục đầu tư cá nhân.

Trình tạo trang tĩnh nhắm mục tiêu các loại tình huống này. Chúng cho phép bạn tạo ra một trang web cho phép bạn tập trung vào nội dung và thiết kế của nó.

Hugo là một ví dụ về trình tạo trang tĩnh. Nó có hỗ trợ cho các chủ đề, tác giả trong Markdown và các lợi ích khác bên cạnh đó.

Hugo là gì?

Hugo là một trình tạo trang web tĩnh cho phép bạn tạo một trang web với ít hoặc không cần mã. Trình tạo trang tĩnh thường cho phép bạn viết nội dung của mình bằng một ngôn ngữ đánh dấu đơn giản, chẳng hạn như Markdown.

Sau đó, trình tạo trang web tĩnh sẽ chuyển đổi nội dung của bạn thành các tệp HTML tĩnh. Nó áp dụng bất kỳ mẫu hoặc kiểu nào cho các trang của bạn trước khi cung cấp chúng cho người dùng.

Sử dụng Hugo, bạn có thể chọn từ thư viện các chủ đề và thiết kế trang web mà người khác đã xây dựng. Khi bạn đã tải xuống một chủ đề, bạn có thể bắt đầu viết nội dung của mình. Hugo chấp nhận các định dạng khác nhau để bạn viết nội dung của mình.

Chủ đề Hugo là gì?

Bạn có thể truy cập danh sách Chủ đề Hugo để tìm một chủ đề để bắt đầu. Bạn cũng có thể chọn chủ đề dựa trên các danh mục khác nhau và thiết kế bộ lọc được tạo riêng cho blog, danh mục đầu tư, v.v.

Bạn có thể nhấp vào một chủ đề để xem thêm thông tin. Tại đây, bạn có thể tải xuống chủ đề để bắt đầu làm việc với nó. Bạn cũng có thể xem trước chủ đề sẽ trông như thế nào sau khi bạn triển khai nó.

Hầu hết các chủ đề sẽ có dữ liệu giả làm trình giữ chỗ. Khi bạn sửa đổi chủ đề, bạn có thể thay đổi các chi tiết này theo cách bạn muốn.

Cấu trúc của một trang Hugo là gì?

Sử dụng một chủ đề cho phép bạn thêm nội dung của mình mà không có thay đổi nào đối với mã. Tuy nhiên, bạn vẫn có thể đi sâu vào mã nếu bạn muốn thay đổi cấu trúc của nó. Hugo sử dụng các mẫu Go để sử dụng các biến và trình giữ chỗ trong các tệp HTML của bạn.

Tạo dự án Hugo trên máy tính của bạn sẽ tự động tạo các tệp mặc định cần thiết cho dự án.

Các thành phần chính của dự án bao gồm:

• nguyên mẫu: Đây là nơi bạn có thể lưu trữ các mẫu có thể xác định bất kỳ định dạng hoặc dữ liệu bổ sung nào cho mỗi trang. Khi bạn tạo một trang mới, nó sẽ dựa trên một mẫu.
• tài sản: Đây là nơi bạn có thể lưu trữ bất kỳ nội dung nào, chẳng hạn như tệp CSS style sheet của bạn.
• các nội dung: Đây là nơi bạn có thể lưu trữ nội dung cho trang web của mình. Bạn có thể lưu trữ từng trang trong một tệp riêng biệt. Ví dụ: nếu bạn đang tạo blog, bạn sẽ sử dụng tệp Markdown cho mỗi bài đăng.
• bố cục: Tại đây, bạn có thể lưu trữ các đoạn mã HTML ngắn, có thể sử dụng lại, được gọi là mã ngắn. Bạn có thể sử dụng chúng trong các tệp nội dung của mình.
• công cộng: Phần này chứa các tệp và thư mục mà bạn có thể tải lên và sử dụng trên máy chủ web khi lưu trữ trang web của bạn.
• chủ đề: Bất kỳ chủ đề nào bạn đã tải xuống từ Hugo sẽ xuất hiện ở đây.

Lợi ích của việc sử dụng Hugo là gì?

Vì Hugo khá nhẹ và tạo ra các trang web tĩnh nên trang web cuối cùng của bạn và nội dung của nó có thể tải rất nhanh. Điều này có nghĩa là người dùng sẽ có ít thời gian chờ đợi khi duyệt trang web của bạn.

Tất cả nội dung là tĩnh và không thay đổi khi người dùng đang xem trang. Do đó, bạn không phải lo lắng về các yêu cầu liên tục đến máy chủ. Bạn cũng không cần phải lo lắng về cơ sở dữ liệu, hoặc tính toán cho dữ liệu động.

Và bạn không cần kỹ năng lập trình nâng cao để có thể làm việc với trang Hugo. Tuy nhiên, vì bạn có quyền truy cập trực tiếp vào mã, bạn hoàn toàn có thể tùy chỉnh nó theo cách bạn muốn nếu bạn chọn làm như vậy.

Sử dụng Trình tạo trang web tĩnh để tạo trang web

Hugo là một trình tạo trang web tĩnh tuyệt vời giúp chuyển đổi nội dung của bạn thành các tệp HTML thuần túy. Bạn có thể sử dụng nhiều loại chủ đề và dễ dàng xem trước trang web của mình trong quá trình thiết kế.

Hugo cung cấp các thành phần có thể tái sử dụng và cấu trúc tệp tiêu chuẩn thuận tiện, trong số các lợi ích khác. Nhưng Hugo chỉ là một lựa chọn. Bạn nên tiếp tục nghiên cứu các trình tạo trang tĩnh khác mà bạn có thể sử dụng để xây dựng trang web.

Đọc tiếp

Giới thiệu về tác giả