Disyorkan, 2021

Pilihan Editor

10 Penjana Tapak Statik Terbaik

Baru-baru ini peralihan besar ke laman web statik dalam bidang pembangunan web. Laman-laman statik lebih mudah untuk mengekalkan (Tiada pangkalan data, Tiada skrip sampingan pelayan!) Dan lebih selamat, secara amnya, memandangkan satu-satunya perkara yang disampaikan kepada peranti pengguna ialah fail HTML, CSS dan Javascript. Agar beberapa jenis laman web seperti blog, dan laman web dokumentasi menjadi statik, hanya menulis secara terus kod dalam fail HTML menjadi berat. Ia juga menjadi sukar untuk mengekalkan laman web dengan kandungan yang besar, terutama apabila beberapa ciri-ciri kecil (seperti reka bentuk) perlu diubah.

Di sinilah penjana tapak statik yang masuk. Generator Laman Statik pada dasarnya menukar (atau menyusun) sekumpulan fail sumber yang berbeza ke dalam satu laman web. Ini bermakna kandungan boleh dipisahkan dari kod tata letak, dan aset tapak seperti imej boleh dipisahkan sepenuhnya. Terdapat banyak penjana laman statik di luar sana, beratus-ratus bahkan. Berikut ialah senarai 10 penjana tapak statik terbaik bersama dengan ulasan mereka.

Penjana Tapak Statik

1. Jekyll

Dalam satu perkataan: Raja Penjana Situs statik . Jekyll adalah penjana statik yang paling banyak digunakan di luar sana, dengan dokumentasi terbesar, komuniti terbesar, dan sokongan terbaik. Malah GitHub menawarkan sokongan terbina untuk Jekyll pada perkhidmatan GitHub Pages. Jekyll bangga menjadi penyokong blog. Membuat blog statik di Jekyll sangat mudah. Ia hanya memerlukan pengetahuan mengenai pembangunan web asas. Ia benar-benar bersinar, kerana ciri persediaan mudah untuk pemula, pada masa yang sama mempunyai ciri-ciri yang sangat kuat untuk mereka yang menggunakan pengetahuan untuk menggunakannya.

Jekyll membolehkan anda membuat dan menggunakan pemalam, teg, dan bahkan membuat penukar anda sendiri untuk mana-mana bahasa markup yang anda mahu gunakan dengan Jekyll. Bahasa markup lalai untuk Jekyll-seperti kebanyakan orang lain-ialah Markdown. Jekyll mempunyai plugin untuk menyusun Less, Stylus, menghasilkan awan tag, halaman pengguna untuk blog, dan banyak lagi.

Jekyll didasarkan pada Enjin Templat Cecair oleh Shopify. Ia berjalan sepenuhnya pada Ruby, jadi ia mudah dipasang bersama dengan dependensi menggunakan rvm, atau menggunakan bundler. Jekyll juga mempunyai pilihan penghijrahan yang mudah, jika anda ingin berhijrah dari WordPress, Blogger atau laman blog lain. Ia mengalahkan setiap penjana tapak statik lain di luar sana, ke bawah, dari segi saiz pengguna. Ia berada di bawah perkembangan aktif (perubahan terakhir kepada repo GitHub yang datang hari yang lalu, pada masa penulisan).

Untuk memasang Jekyll, masukkan sahaja perintah ini dalam Ruby: gem install jekyll

Laman web

2. Pelican

Pelican adalah penjana tapak statik yang dibina di atas Python. Ia mempunyai penyiaran kandungan pelbagai bahasa, kod (sintaksis) yang menonjol, serta ramalan RSS dan Atom Feeds mudah. Pelican mempunyai pilihan Plugin yang bagus, semuanya dihoskan di repositori GitHub pusat. Ia menyokong 3 format dokumen secara lalai: Markdown, reStructuredText, dan Ascii Doc.

Pelican agak unik, kerana ia dibina di atas Python. Ia menyokong Engine Template Jinja yang kuat yang berasaskan python, untuk memudahkan penciptaan tema dan templat yang indah untuk Pelican. Dari segi sokongan penghijrahan, Pelican menawarkan sokongan untuk WordPress dan Tumblr. Daripada fail YAML biasa untuk konfigurasi, Pelican menggunakan fail .py bernama pelicanconf.py untuk konfigurasi dan tetapan.

Cara paling mudah memasang pelikan, adalah dengan menggunakan pip: pip install pelican

Laman web

3. Middleman

Middleman adalah penjana tapak statik bertenaga Ruby yang mengikuti pendekatan yang mudah sekali untuk membina tapak statik. Ia mempunyai ciri-ciri yang kuat untuk mengekalkan blog statik, seperti penanda tag mudah, arahan cepat untuk penyenaraian artikel dan penomboran yang dikategorikan. Middleman tidak menawarkan apa-apa sokongan penghijrahan, jadi jika anda ingin membuat blog yang sedia ada statik, Middleman mungkin bukan idea terbaik untuk sekarang.

Middleman menawarkan sokongan untuk kebanyakan alat moden pembangunan web seperti HAML, Coffeescript, Sass, dan yang lain. Enjin templat lalainya adalah eRb, tetapi ia membolehkan anda bertukar kepada enjin template tersuai pilihan anda. Semua enjin template yang didayakan Tilt (senarai penuh boleh didapati di sini) bekerja di Middleman. Ia secara asal menyokong 2 format konfigurasi - YAML, JSON. Frontmatter untuk kandungan anda mestilah juga YAML atau JSON bergantung pada format konfigurasi yang anda gunakan.

Pasang Middleman menggunakan Ruby dengan: gem install middleman

Laman web

4. Metalsmith

Metalsmith bangga menjadi penjana laman statik yang pluggable . Ini bermakna semua logik Metalsmith dikendalikan oleh pemalam. Apa-apa ciri yang anda perlukan, tambahkan plugin yang diperlukan sahaja. Jumlah pemalam yang ditawarkan oleh Metalsmith mengatasi hampir setiap pesaing (mungkin melarang Jekyll dan Docpad). Ini bermakna Metalsmith boleh digunakan sebagai lebih daripada sekadar penjana tapak statik.

Dengan kata-kata mereka sendiri "Oleh kerana segala-galanya adalah plugin, perpustakaan teras sebenarnya adalah abstraksi untuk memanipulasi direktori fail". Apa yang akhirnya dapat dikemukakan, ialah anda menggunakan Metalsmith semudah perancah projek, penjana ebook, alat binaan, membuat dokumentasi teknikal, dan banyak lagi (beberapa contoh yang dipamerkan di laman web Metalsmith).

Metalsmith didasarkan pada Node.js, dan ia boleh dipasang menggunakan pengurus pakej nod dengan: $ npm install metalsmith

  Homepage 

5. Harp

Harp telah membuat pra-pemprosesan untuk Jade, Markdown, LESS, Sass, Coffeescript, EjS dan Stylus tanpa sebarang konfigurasi tambahan. Ia juga membolehkan anda menggunakan susun atur / paradigma separa dengan Jade dan EjS, yang memerlukan plugin khas pada penjana tapak statik lain.

Harp dibina di atas Node.Js dan boleh bekerja dengan tangan dengan Platform Harp, yang membolehkan anda membuat halaman web dari folder Dropbox anda. Harp juga boleh menyusun halaman untuk digunakan pada halaman GitHub, PhoneGap, dan Heroku juga.

Untuk memasang Harp, gunakan npm dan jalankan: sudo npm install -g harp

 Laman web 

6. Octopress

Technically Octopress adalah garpu Jekyll yang diubahsuai, tetapi kerana populariti yang besar, ia telah dimasukkan ke dalam senarai ini. Octopress pada dasarnya adalah Jekyll untuk peretas (dan pemaju landasan). Menyesuaikan Octopress menjadi mudah, terutama jika Anda sedang membina blog, sebagai Octopress secara lalai termasuk banyak plugin yang Anda perlukan untuk menjalankan blog di Jekyll.

Dalam bahagian penyesuaian, kod Octopress memudahkan pengguna memodifikasi kod, dan menulis kod mereka sendiri. Bahwa dikatakan, banyak plugin untuk Octopress serasi dengan Jekyll (dan sebaliknya).

Untuk memasang Octopress,

  1. Klikan repo GitHub
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Pasang Ketergantungan
    gem install bundler
    rbenv rehash # Jika anda menggunakan rbenv, ulangi dapat menjalankan perintah bundel
    bundle install
  3. Pasang tema Octopress lalai
    rake install
Laman web

7. Docpad

Docpad adalah penjana tapak statik dinamik . Ia memanjangkan keupayaan penjana tapak statik biasa, dengan ciri-ciri seperti pangkalan data pertanyaan melalui enjin carian, mengimport halaman dari pangkalan data luaran, dan membuat semula halaman web pada setiap permintaan.

Docpad mempunyai sokongan asli untuk pemproses pra, seperti Coffeescript, Stylus dan KURANG, dan menggunakan plugin untuk menyokong enjin templat, pemproses pre dan bahasa markup, sehingga anda boleh memilih apa kombinasi yang anda inginkan dengan menggunakan plugin yang diperlukan. Docpad juga menyokong mengimport halaman dari sumber luaran seperti Tumblr, GitHub dan Dropbox melalui pemalam.

Docpad adalah platform kaya ciri, dengan banyak plugin dan dokumentasi yang hebat. Ia dibina dan digunakan, Node.js untuk interaksi pelayan.

Hanya pasang Docpad menggunakan npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Laman web 

8. Hexo

Hexo adalah kerangka kerja blog statik yang ringan yang membanggakan diri dengan kelajuan generasi tapak yang cepat menyala. Hexo sangat baik untuk blogger dengan kandungan yang banyak yang ingin penjana laman statik mudah. Ia menawarkan pilihan penghijrahan mudah dari platform blog lain seperti WordPress, Joomla, Jekyll, Octopress dan RSS. Mengenai perkara-perkara hebat mengenai Hexo adalah bahawa anda boleh menggunakan sebahagian besar plugin yang dibuat untuk Octopress (dan dengan lanjutan, plugin dibuat untuk Jekyll dengan pengubahsuaian yang sangat kecil)

Hexo menyokong Markdown, YAML untuk perkara depan dan konfigurasi. Teruskan dengan sifat cepat Hexo membolehkan anda menyebarkan ke laman-laman seperti GitHub, Heroku dan Rsync dengan hanya satu arahan.

Hexo boleh dipasang menggunakan Node.js: npm install hexo-cli -g

Laman web

9. Hugo

Hugo adalah penjana tapak statik tujuan umum dengan ciri-ciri serba baik seperti templat dan sokongan separa, penomboran, dan 'taksonomi' yang pada dasarnya merupakan sistem pengkategorian kandungan yang unik diikuti oleh Hugo. Ini bermakna anda boleh mengklasifikasikan jawatan dengan mudah berdasarkan bukan hanya tag, tetapi juga dengan cara lain yang anda mahukan, seperti kategori atau siri terus dari frontmatter. Hugo menyokong tiga jenis fail data - YAML, JSON dan TOML, dan membolehkan anda memutuskan mana yang paling selesa untuk anda.

Daripada plugin, Hugo menggunakan 'kod pendek' yang membolehkan anda menggunakan kandungan yang kaya di dalam Markdown anda. Untuk mengetahui cara kerja ini, baca artikel ini. Hugo ditulis dalam bahasa pengaturcaraan Go, dan ia menawarkan fail pemasangan berasingan untuk platform yang berbeza pada halaman GitHubnya. Untuk mengetahui dengan tepat bagaimana anda boleh memasang Hugo untuk digunakan, baca arahan pemasangan untuk Hugo.

Jika anda menggunakan Homebrew, maka Hugo dan semua kebergantungan boleh dipasang dengan: brew install hugo

Laman web

10. Brunch

Brunch bersandar terhadap aplikasi web HTML5 dan bukannya blog dan laman web, tetapi ia masih merupakan penjana laman statik yang sangat mudah digunakan. Ia bukan sahaja menyusun semua kod dan skrip anda, tetapi juga boleh mengecilkan (memperkecilkan) kod anda, dan memampatkan imej secara automatik. Brunch mempunyai pelbagai segalanya yang boleh anda gunakan untuk menyesuaikannya mengikut keperluan anda. Senarai lengkap plugin Brunch boleh didapati di sini.

Brunch menawarkan 'skeleton' yang pada asasnya adalah boilerplates untuk memulakan laman web anda (atau aplikasi web). Ia menawarkan salah satu daripada kelajuan kompilasi terpantas, semata-mata kerana Brunch cache semua bahagian yang tidak berubah dalam projek anda dan menyusun hanya fail yang diubah. Brunch dibina di atas Node.js dan boleh dipasang menggunakan npm: npm install -g brunch

Laman web

Ada apa-apa cadangan mengenai artikel ini? Biarkan dalam komen!

Top