Hugo, một trình tạo trang web tĩnh nhanh chóng và linh hoạt

Trong phần tiếp theo, chúng ta sẽ xem xét Hugo. Đây là một trong những trình tạo trang web tĩnh mã nguồn mở phổ biến nhất, mà cũng hoàn toàn miễn phí. Với tốc độ đáng kinh ngạc và tính linh hoạt, trình tạo này giúp việc xây dựng trang web trở nên nhanh chóng và dễ dàng. Nói về máy phát điện trang web HTML tĩnh và CSS được viết bằng Go. Nó được tối ưu hóa cho tốc độ, dễ sử dụng và khả năng cấu hình.

Tạo một trang web là một quá trình đòi hỏi thời gian và kiến ​​thức về HTML và các ngôn ngữ khác. Vì lý do này, trình tạo trang web tĩnh này có thể giúp ích rất nhiều trong việc tạo trang web một cách nhanh chóng. Cần phải làm rõ rằng khi chúng ta nói về các trang web tĩnh, chúng tôi có nghĩa là các trang web không xử lý dữ liệu. Đó là, họ không thể xử lý biểu mẫu hoặc tạo tài liệu. Các trang web này thường được thực hiện cho các dự án nhỏ và các trang web thông tin.

Đặc điểm chung của Hugo

• Một tốc độ cao. Như đã nêu trên trang web của họ, đây là công cụ nhanh nhất thuộc loại này. Trang web trung bình được xây dựng trong vòng chưa đầy một giây.
• Quản lý nội dung mạnh mẽ và các quy tắc linh hoạt. Hugo là giấc mơ của một chiến lược gia nội dung. Hugo hỗ trợ các loại nội dung không giới hạn, phân loại, menu, nội dung động theo hướng API, v.v., tất cả đều không có tiện ích bổ sung.
• Mã ngắn cung cấp cho chúng tôi khả năng sử dụng cú pháp Markdown, mang lại sự linh hoạt tuyệt vời.
• Mẫu tích hợp. Trình tạo trang web tĩnh này có các mẫu phổ biến để tạo công việc của chúng tôi một cách nhanh chóng. Hugo cung cấp các mẫu tạo sẵn để thực hiện công việc SEO nhanh chóng, nhận xét, phân tích và các chức năng khác.
• Kết quả đầu ra tùy chỉnh. Cho phép chúng tôi tạo nội dung của chúng tôi ở nhiều định dạng, bao gồm JSON hoặc AMP, và do đó tạo điều kiện thuận lợi cho việc tạo nội dung.
• Hơn 300 chủ đề có sẵn, mang đến cho chúng tôi một hệ thống chủ đề mạnh mẽ, dễ triển khai nhưng vẫn có khả năng tạo ra ngay cả những trang web phức tạp nhất. Có thể được đúc xem xét các chủ đề có trên trang web của dự án.

Cài đặt Hugo trên Ubuntu

Hugo là một chương trình khá phổ biến và điều này làm cho việc cài đặt nó trên Gnu / Linux và cụ thể là Ubuntu trở thành một quá trình đơn giản. Tùy chọn cài đặt có sẵn đầu tiên sẽ được sử dụng các gói được biên dịch trước có thể được tìm thấy trong trang phát hành dự án. Để tải xuống gói .deb, chúng tôi sẽ chỉ phải mở một thiết bị đầu cuối (Ctrl + Alt + T) và thực hiện lệnh sau:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

Sau khi tải xuống, chúng tôi sẽ có thể cài đặt nó bằng cách thực hiện lệnh khác này trong cùng một thiết bị đầu cuối:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

Kết thúc quá trình cài đặt chúng ta có thể bắt đầu làm việc.

Một khả năng khác để cài đặt chương trình này sẽ thông qua gói snap. Cài đặt sẽ đơn giản như mở một thiết bị đầu cuối (Ctrl + Alt + T) và nhập vào đó:

sudo snap install hugo

Bước đầu tiên

Hugo là một nhà xây dựng trang web. Vì vậy, điều đầu tiên chúng ta cần làm là tạo một trang web mới bằng cách sử dụng định dạng sau:

hugo new site [nombre-del-sitio]

Đối với ví dụ này, tôi đã tạo một trang web mới bằng lệnh:

hugo new site sinforoso

Thao tác này sẽ tạo một thư mục mới có tên quanh co Trong sổ địa chỉ nhà người dùng. Để bắt đầu, chúng ta sẽ truy cập vào thư mục này và chúng ta sẽ bắt đầu công việc từ đó.

Điều tiếp theo chúng tôi sẽ làm là thêm một chủ đề mới cho trang web. Nếu bạn muốn thêm tất cả các chủ đề có sẵn, bạn có thể sử dụng lệnh:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

Quá trình này cài đặt tất cả các chủ đề Hugo, vì vậy có thể mất nhiều thời gian. Sẽ rất hữu ích nếu bạn thử cái nào bạn muốn. Trong trường hợp của tôi, tôi đã chọn một chủ đề cụ thể, vì vậy thay vì lệnh trên, tôi đã sử dụng lệnh sau:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

Điều quan trọng là chúng tôi đặt các chủ đề trong cá chép chủ đề, mà chúng ta sẽ tìm thấy bên trong thư mục mà chúng ta đang làm việc.

Sau khi cài đặt chủ đề, chúng ta phải bảo Hugo sử dụng chủ đề cụ thể đó. Để làm được điều này, chúng ta phải xác định nó trong tệp config.tom, mà chúng tôi sẽ tìm thấy trong thư mục làm việc như được chỉ ra trong ảnh chụp màn hình sau đây.

Sau khi các thay đổi được thực hiện, chúng tôi sẽ lưu và đóng. Bây giờ tất cả những gì chúng ta phải làm là tạo một chỉ mục mới để hiển thị trên trang web. Chúng tôi sẽ thực hiện việc này bằng lệnh sau:

hugo new _index.md

Như bạn có thể thấy, tệp có phần mở rộng md, điều này có nghĩa là chúng ta có thể thêm nội dung bằng Markdown. Tệp này có thể được tìm thấy và chỉnh sửa trong thư mục nội dung.

Chúng tôi cũng có thể tạo các danh mục mới để định hình trang web:

hugo new [categoría]/[archivo.md]

Tại thời điểm này, để xem trang web của chúng tôi, chúng tôi sẽ sử dụng lệnh sau:

hugo serve

Và như bạn có thể thấy trong ảnh chụp màn hình sau, trang web của chúng tôi sẽ có sẵn từ trình duyệt tại http: // localhost: 1313.

Tóm lại, Hugo là một chương trình chỉ tạo các trang web tĩnh, nhưng nó rất hữu ích trong một số trường hợp nhất định. Bạn có thể nhận thêm thông tin về dự án trong nơi hoặc trong tài liệu chính thức.