Đề XuấT, 2024

Editor Choice

10 trình tạo trang web tĩnh tốt nhất

Gần đây đã có sự thay đổi lớn đối với các trang web tĩnh trong lĩnh vực phát triển web. Các trang web tĩnh dễ bảo trì hơn (Không có cơ sở dữ liệu, Không có tập lệnh phía máy chủ!) Và nói chung, an toàn hơn, xem xét thứ duy nhất được phục vụ cho các thiết bị của người dùng là các tệp HTML, CSS và Javascript. Để một số loại trang web như blog và trang web tài liệu trở nên tĩnh, chỉ cần viết mã trực tiếp trong tệp HTML trở nên vất vả. Nó cũng trở nên khó khăn để duy trì các trang web có nội dung lớn, đặc biệt là khi một số tính năng nhỏ (như thiết kế) cần phải được thay đổi.

Đây là nơi mà các trình tạo trang tĩnh đến. Các trình tạo trang tĩnh về cơ bản chuyển đổi (hoặc biên dịch) một loạt các tệp tài nguyên khác nhau thành một trang web. Điều này có nghĩa là nội dung có thể được tách biệt khỏi mã bố cục và các tài sản trang web như hình ảnh có thể được giữ tách biệt hoàn toàn. Có rất nhiều máy phát điện trang web tĩnh, hàng trăm thậm chí. Dưới đây là danh sách 10 trình tạo trang tĩnh tốt nhất cùng với các đánh giá của họ.

Trình tạo trang tĩnh

1. Jekyll

Trong một từ: Vua của các trình tạo trang web tĩnh . Jekyll là trình tạo tĩnh được sử dụng nhiều nhất hiện có, với tài liệu lớn nhất, cộng đồng lớn nhất và hỗ trợ tốt nhất. Ngay cả GitHub cũng cung cấp hỗ trợ sẵn có cho Jekyll trên dịch vụ GitHub Pages của mình. Jekyll tự hào về nhận thức blog. Tạo một blog tĩnh trên Jekyll thực sự dễ dàng. Nó chỉ đòi hỏi kiến ​​thức về phát triển web cơ bản. Nó thực sự tỏa sáng, bởi vì các tính năng thiết lập dễ dàng cho người mới bắt đầu, đồng thời có các tính năng thực sự mạnh mẽ cho những người có kiến ​​thức sử dụng chúng.

Jekyll cho phép bạn tạo và sử dụng các plugin, thẻ khác nhau và thậm chí tạo các trình chuyển đổi của riêng bạn cho bất kỳ ngôn ngữ đánh dấu nào bạn muốn sử dụng với Jekyll. Ngôn ngữ đánh dấu mặc định cho hầu hết những người khác giống như Jekyll - là Markdown. Jekyll có các plugin để biên dịch Ít hơn, Bút stylus, tạo các đám mây thẻ, trang người dùng cho blog và nhiều hơn nữa.

Jekyll dựa trên Công cụ mẫu chất lỏng của Shopify. Nó chạy hoàn toàn trên Ruby, vì vậy nó có thể dễ dàng cài đặt cùng với các phụ thuộc sử dụng rvm hoặc sử dụng gói. Jekyll cũng có các tùy chọn di chuyển dễ dàng, nếu bạn đang muốn di chuyển từ WordPress, Blogger hoặc bất kỳ trang blog nào khác. Nó đánh bại mọi trình tạo trang web tĩnh khác ngoài kia, về quy mô người dùng. Nó đang được phát triển tích cực (thay đổi cuối cùng cho repo GitHub của nó đến một ngày trước, tại thời điểm viết bài).

Để cài đặt Jekyll, chỉ cần nhập lệnh này trong Ruby: gem install jekyll

Trang chủ

2. Bồ nông

Pelican là một trình tạo trang tĩnh được xây dựng trên Python. Nó có tính năng đăng nội dung đa ngôn ngữ, làm nổi bật mã (cú pháp), cũng như dễ dàng tạo RSS và Nguồn cấp dữ liệu nguyên tử. Pelican có nhiều lựa chọn bổ trợ, tất cả đều được lưu trữ trên kho lưu trữ GitHub trung tâm. Nó hỗ trợ 3 định dạng tài liệu theo mặc định: Markdown, reSturationuredText và Ascii Doc.

Pelican khá độc đáo, vì nó được xây dựng trên Python. Nó hỗ trợ Công cụ mẫu Jinja mạnh mẽ dựa trên python, để cho phép dễ dàng tạo các chủ đề và mẫu đẹp cho Pelican. Về mặt hỗ trợ di chuyển, Pelican cung cấp hỗ trợ cho WordPress và Tumblr. Thay vì các tệp YAML thông thường để cấu hình, Pelican sử dụng tệp .py có tên pelicanconf.py để định cấu hình và cài đặt.

Cách dễ nhất để cài đặt bồ nông, là sử dụng pip: pip install pelican

Trang chủ

3. Người đàn ông

Middman là một trình tạo trang tĩnh được hỗ trợ bởi Ruby, theo cách tiếp cận dễ dàng đầu tiên để xây dựng các trang tĩnh. Nó có các tính năng mạnh mẽ để duy trì các blog tĩnh, như tạo thẻ dễ dàng, các lệnh nhanh để liệt kê các bài viết được phân loại và phân trang. Middman không cung cấp bất kỳ hỗ trợ di chuyển nào, vì vậy nếu bạn muốn làm cho một blog hiện tại tĩnh, Middman có thể không phải là ý tưởng tốt nhất bây giờ.

Middman cung cấp hỗ trợ cho hầu hết các công cụ phát triển web hiện đại như HAML, Coffeescript, Sass và phần còn lại. Công cụ tạo khuôn mẫu mặc định của nó là eRb, nhưng nó cho phép bạn chuyển sang một công cụ mẫu tùy chỉnh mà bạn chọn. Tất cả các công cụ mẫu hỗ trợ Tilt (danh sách đầy đủ có thể được tìm thấy ở đây) hoạt động trên Middman. Nó thực sự hỗ trợ 2 định dạng cấu hình - YAML, JSON. Frontmatter cho nội dung của bạn cũng phải là YAML hoặc JSON tùy thuộc vào định dạng cấu hình bạn đang sử dụng.

Cài đặt Middman bằng Ruby với: gem install middleman

Trang chủ

4. Thợ kim loại

Metalmith tự hào là trình tạo trang web tĩnh có thể cắm được. Điều này có nghĩa là tất cả logic của Metalmith được xử lý bởi các plugin. Bất kỳ tính năng nào bạn cần, chỉ cần thêm các plugin cần thiết. Số lượng plugin tuyệt vời được cung cấp bởi Metalmith đánh bại gần như mọi đối thủ cạnh tranh (có thể cấm Jekyll và Docpad). Điều này có nghĩa là Metalmith có thể được sử dụng không chỉ là một trình tạo trang tĩnh.

Nói theo cách riêng của họ, vì mọi thứ đều là plugin, thư viện lõi thực sự chỉ là một bản tóm tắt để thao tác một thư mục của các tập tin. Điều này cuối cùng cũng bổ sung, là bạn sử dụng Metalmith dễ dàng như một giàn giáo dự án, trình tạo ebook, công cụ xây dựng, làm tài liệu kỹ thuật và hơn thế nữa (một số ví dụ được trình bày trên trang web của Metalmith).

Metalmith dựa trên Node.js và nó có thể được cài đặt bằng trình quản lý gói nút với: $ npm install metalsmith

  Homepage 

5. Đàn hạc

Harp đã sẵn sàng xử lý trước cho Jade, Markdown, LESS, Sass, Coffeescript, EjS và Stylus mà không cần thêm bất kỳ cấu hình nào. Nó cũng cho phép bạn sử dụng bố cục / mô hình một phần với Jade và EjS, cần các plugin đặc biệt trên các trình tạo trang tĩnh khác.

Harp được xây dựng trên Node.Js và có thể hoạt động cùng với Nền tảng Harp, cho phép bạn tạo các trang web từ thư mục Dropbox của mình. Harp cũng có thể biên dịch các trang để sử dụng trên các trang GitHub, PhoneGap và Heroku.

Để cài đặt Harp, sử dụng npm và chạy: sudo npm install -g harp

 Trang chủ 

6. Bạch tuộc

Về mặt kỹ thuật Octopress là một ngã ba Jekyll được sửa đổi, nhưng do sự phổ biến rất lớn của nó, nó đã được đưa vào danh sách này. Octopress về cơ bản là Jekyll dành cho tin tặc (và nhà phát triển đường ray). Tùy chỉnh Octopress trở nên dễ dàng, đặc biệt nếu bạn đang xây dựng một blog, vì Octopress theo mặc định bao gồm nhiều plugin bạn sẽ cần để chạy blog trên Jekyll.

Trong phần tùy chỉnh, mã của Octopress giúp người dùng dễ dàng sửa đổi mã hơn và viết mã của riêng họ. Điều đó đang được nói, rất nhiều plugin cho Octopress tương thích với Jekyll (và ngược lại).

Để cài đặt Octopress,

  1. Nhân bản repo GitHub
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Cài đặt phụ thuộc
    gem install bundler
    rbenv rehash # Nếu bạn sử dụng rbenv, hãy thử lại để có thể chạy lệnh bundle
    bundle install
  3. Cài đặt chủ đề Octopress mặc định
    rake install
Trang chủ

7. Bàn di chuột

Docpad là một trình tạo trang tĩnh tĩnh. Nó mở rộng khả năng của các trình tạo trang tĩnh thông thường, với các tính năng như truy vấn cơ sở dữ liệu thông qua một công cụ truy vấn, nhập các trang từ cơ sở dữ liệu bên ngoài và hiển thị lại trang web theo từng yêu cầu.

Docpad có hỗ trợ riêng cho các bộ xử lý trước, như Coffeescript, Stylus và LESS và sử dụng các plugin để hỗ trợ các công cụ mẫu, bộ xử lý trước và ngôn ngữ đánh dấu, vì vậy bạn có thể chọn bất kỳ kết hợp nào bạn muốn bằng cách sử dụng plugin cần thiết. Docpad cũng hỗ trợ nhập các trang từ các nguồn bên ngoài như Tumblr, GitHub và Dropbox thông qua các plugin.

Docpad là một nền tảng giàu tính năng, với rất nhiều plugin và tài liệu tuyệt vời. Nó được xây dựng và sử dụng, Node.js cho các tương tác máy chủ.

Chỉ cần cài đặt Docpad bằng cách sử dụng npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Trang chủ 

8. Hexo

Hexo là một khung blog tĩnh nhẹ, tự hào về tốc độ tạo trang nhanh chóng của nó. Hexo rất tốt cho các blogger có số lượng lớn nội dung muốn có một trình tạo trang tĩnh đơn giản. Nó cung cấp các tùy chọn di chuyển dễ dàng từ các nền tảng blog khác như WordPress, Joomla, Jekyll, Octopress và RSS. Một điều tuyệt vời ở Hexo là bạn có thể sử dụng hầu hết các plugin được tạo cho Octopress (và bằng cách mở rộng, các plugin được tạo cho Jekyll với những sửa đổi rất nhỏ)

Hexo hỗ trợ Markdown, YAML cho vật chất và cấu hình phía trước. Giữ nguyên bản chất nhanh chóng của nó, Hexo cho phép bạn triển khai đến các trang web như GitHub, Heroku và Rsync chỉ bằng một lệnh.

Hexo có thể được cài đặt bằng Node.js: npm install hexo-cli -g

Trang chủ

9. Hugo

Hugo là một trình tạo trang tĩnh cho mục đích chung với các tính năng toàn diện tốt như hỗ trợ mẫu và phân vùng, phân trang và 'phân loại', về cơ bản là một hệ thống phân loại nội dung độc đáo theo sau Hugo. Điều này có nghĩa là bạn có thể phân loại các bài đăng một cách dễ dàng trên cơ sở không chỉ các thẻ, mà còn theo bất kỳ cách nào khác bạn muốn, như các danh mục hoặc loạt trực tiếp từ frontmatter. Hugo hỗ trợ ba loại tệp dữ liệu - YAML, JSON và TOML và cho phép bạn quyết định loại nào phù hợp nhất với bạn.

Thay vì các plugin, Hugo sử dụng 'shortcodes' cho phép bạn sử dụng nội dung phong phú bên trong Markdown của mình. Để biết làm thế nào điều này hoạt động, đọc bài viết này. Hugo được viết bằng ngôn ngữ lập trình Go và nó cung cấp các tệp cài đặt riêng cho các nền tảng khác nhau trên trang GitHub của nó. Để biết chính xác cách bạn có thể cài đặt Hugo để bạn sử dụng, hãy đọc hướng dẫn cài đặt cho Hugo.

Nếu bạn sử dụng Homebrew, thì Hugo và tất cả các phụ thuộc có thể được cài đặt với: brew install hugo

Trang chủ

10. Bữa trưa

Brunch dựa vào các ứng dụng web HTML5 thay vì blog và trang web, nhưng nó vẫn là một trình tạo trang tĩnh nhanh, rất dễ sử dụng. Nó không chỉ biên dịch tất cả mã và tập lệnh của bạn, mà còn có thể thu nhỏ (thu nhỏ) mã của bạn và tự động nén hình ảnh. Brunch có một loạt các plugin mà bạn có thể sử dụng để tùy chỉnh nó theo nhu cầu của bạn. Danh sách đầy đủ các plugin Brunch có thể được tìm thấy ở đây.

Brunch cung cấp 'bộ xương' về cơ bản là các mẫu để khởi động trang web của bạn (hoặc ứng dụng web). Nó cung cấp một trong những tốc độ biên dịch nhanh nhất, đơn giản là vì Brunch lưu trữ tất cả các phần không thay đổi trong dự án của bạn và chỉ biên dịch các tệp được sửa đổi. Brunch được xây dựng trên Node.js và có thể được cài đặt bằng npm: npm install -g brunch

Trang chủ

Có bất kỳ đề xuất về bài viết này? Để lại nó trong các ý kiến!

Top