Baru-baru ini ada perubahan besar ke situs web statis di bidang pengembangan web. Situs statis lebih mudah dirawat (Tidak ada database, Tidak ada skrip sisi server!) Dan umumnya lebih aman, mengingat satu-satunya yang disajikan ke perangkat pengguna adalah file HTML, CSS, dan Javascript. Agar beberapa jenis situs web seperti blog, dan situs web dokumentasi menjadi statis, cukup langsung menulis kode dalam file HTML menjadi berat. Ini juga menjadi sulit untuk memelihara situs dengan konten yang besar, terutama ketika beberapa fitur kecil (seperti desain) perlu diubah.
Di sinilah generator situs statis masuk. Generator Situs Statis pada dasarnya mengubah (atau menyusun) sekelompok file sumber daya yang berbeda menjadi satu situs web. Ini berarti konten dapat disimpan terpisah dari kode tata letak, dan aset situs seperti gambar dapat dipisahkan sepenuhnya. Ada banyak generator situs statis di luar sana, bahkan ratusan. Berikut adalah daftar 10 generator situs statis terbaik beserta ulasannya .
Generator Situs Statis
1. Jekyll
Dalam satu kata: generator King of Static Site . Jekyll adalah generator statis yang paling banyak digunakan di luar sana, dengan dokumentasi terbesar, komunitas terbesar, dan dukungan terbaik. Bahkan GitHub menawarkan dukungan bawaan untuk Jekyll pada layanan GitHub Pages-nya. Jekyll bangga akan blog-aware. Membuat blog statis di Jekyll sangat mudah. Ini hanya membutuhkan pengetahuan tentang pengembangan web dasar. Ini benar-benar bersinar, karena fitur pengaturannya yang mudah untuk pemula, pada saat yang sama memiliki fitur yang sangat kuat bagi mereka yang memiliki pengetahuan untuk menggunakannya.
Jekyll memungkinkan Anda membuat dan menggunakan berbagai plugin, tag, dan bahkan membuat konverter Anda sendiri untuk bahasa markup yang ingin Anda gunakan dengan Jekyll. Bahasa markup default untuk Jekyll -seperti kebanyakan yang lain- adalah Markdown. Jekyll memiliki plugin untuk mengkompilasi Less, Stylus, menghasilkan cloud tag, halaman pengguna untuk blog, dan banyak lagi.
Jekyll didasarkan pada Mesin Templat Cair oleh Shopify. Ini berjalan sepenuhnya pada Ruby, sehingga mudah diinstal bersama dependensi menggunakan rvm, atau menggunakan bundler. Jekyll juga memiliki opsi migrasi yang mudah, jika Anda ingin bermigrasi dari WordPress, Blogger atau situs blogging lainnya. Ini mengalahkan setiap generator situs statis lainnya di luar sana, secara manual, dalam hal ukuran pengguna. Itu sedang dalam pengembangan aktif (perubahan terakhir untuk repo GitHub-nya datang sehari yang lalu, pada saat penulisan).
Untuk menginstal Jekyll, cukup masukkan perintah ini di Ruby: gem install jekyll
2. Pelican
Pelican adalah generator situs statis yang dibangun di atas Python. Ini fitur posting konten multi-bahasa, menyoroti kode (sintaks), serta generasi mudah RSS dan Feed Atom. Pelican memiliki pilihan plugin yang bagus, yang semuanya di-host di repositori GitHub pusat. Ini mendukung 3 format dokumen secara default: Markdown, reStructuredText, dan Ascii Doc.
Pelican cukup unik, karena dibangun di atas Python. Ini mendukung Jinja Template Engine yang kuat yang berbasis python, untuk memudahkan pembuatan tema dan templat yang indah untuk Pelican. Dalam hal dukungan migrasi, Pelican menawarkan dukungan untuk WordPress dan Tumblr. Alih-alih file YAML biasa untuk konfigurasi, Pelican menggunakan file .py bernama pelicanconf.py untuk konfigurasi dan pengaturan.
Cara termudah untuk menginstal pelican, adalah dengan menggunakan pip: pip install pelican
3. Perantara
Middleman adalah generator situs statis bertenaga Ruby yang mengikuti pendekatan mudah-pertama untuk membangun situs statis. Ini memiliki fitur yang kuat untuk memelihara blog statis, seperti pembuatan tag mudah, perintah cepat untuk daftar artikel yang dikategorikan dan pagination. Middleman tidak menawarkan dukungan migrasi, jadi jika Anda ingin membuat blog yang ada statis, Middleman mungkin bukan ide terbaik untuk saat ini.
Middleman menawarkan dukungan untuk sebagian besar alat modern pengembangan web seperti HAML, Coffeescript, Sass, dan lainnya. Mesin templating default-nya adalah eRb, tetapi memungkinkan Anda untuk beralih ke mesin templat pilihan Anda. Semua mesin templat berkemampuan Tilt (daftar lengkap dapat ditemukan di sini) berfungsi di Middleman. Ini secara asli mendukung 2 format konfigurasi - YAML, JSON. Frontmatter untuk konten Anda juga harus YAML atau JSON tergantung pada format konfigurasi yang Anda gunakan.
Instal Middleman menggunakan Ruby dengan: gem install middleman
4. Pembuat Logam
Metalsmith bangga menjadi generator situs statis yang dapat dicolokkan . Ini berarti semua logika Metalsmith ditangani oleh plugin. Setiap fitur yang Anda butuhkan, cukup tambahkan plugin yang diperlukan. Banyaknya plugin yang ditawarkan oleh Metalsmith mengalahkan hampir setiap pesaing (mungkin menghalangi Jekyll dan Docpad). Ini berarti Metalsmith dapat digunakan sebagai lebih dari sekedar generator situs statis.
Dengan kata-kata mereka sendiri "Karena semuanya adalah plugin, perpustakaan inti sebenarnya hanya sebuah abstraksi untuk memanipulasi direktori file". Yang akhirnya ditambahkan, adalah bahwa Anda menggunakan Metalsmith semudah perancah proyek, generator ebook, alat pembuatan, membuat dokumentasi teknis, dan banyak lagi (ini beberapa contoh yang ditampilkan di situs web Metalsmith).
Metalsmith didasarkan pada Node.js, dan dapat diinstal menggunakan manajer paket simpul dengan: $ npm install metalsmith
Homepage 5. Harpa
Harp memiliki pre-processing inbuilt untuk Jade, Markdown, LESS, Sass, Coffeescript, EjS dan Stylus tanpa konfigurasi tambahan. Ini juga memungkinkan Anda menggunakan layout / paradigma parsial dengan Jade dan EjS, yang membutuhkan plugin khusus pada generator situs statis lainnya.
Harp dibangun di atas Node.Js dan dapat bekerja bersama dengan Platform Harp, yang memungkinkan Anda membuat halaman web dari folder Dropbox Anda. Harp juga dapat mengkompilasi halaman untuk digunakan pada halaman GitHub, PhoneGap, dan Heroku juga.
Untuk menginstal Harp, gunakan npm dan jalankan: sudo npm install -g harp
Beranda
6. Gurita
Secara teknis Octopress adalah garpu Jekyll yang dimodifikasi, tetapi karena popularitasnya yang sangat besar, itu telah dimasukkan dalam daftar ini. Octopress pada dasarnya adalah Jekyll untuk peretas (dan pengembang rel). Menyesuaikan Octopress menjadi mudah, terutama jika Anda membuat blog, karena Octopress secara default menyertakan banyak plugin yang Anda perlukan untuk menjalankan blog di Jekyll.
Di bagian kustomisasi, kode Octopress memudahkan pengguna untuk mengubah kode, dan menulis kode mereka sendiri. Yang sedang berkata, banyak plugin untuk Octopress kompatibel dengan Jekyll (dan sebaliknya).
Untuk menginstal Octopress,
- Mengkloning repo GitHub
git clone git://github.com/imathis/octopress.git octopresscd octopress - Instal Ketergantungan
gem install bundlerrbenv rehash# Jika Anda menggunakan rbenv, rehash untuk dapat menjalankan perintah bundlebundle install - Instal tema Octopress default
rake install
7. Docpad
Docpad adalah generator situs statis dinamis . Itu memperluas kemampuan generator situs statis normal, dengan fitur-fitur seperti query database melalui mesin query, mengimpor halaman dari database eksternal, dan merender ulang halaman web pada setiap permintaan.
Docpad memiliki dukungan asli untuk prosesor pra, seperti Coffeescript, Stylus dan LESS, dan menggunakan plugin untuk mendukung mesin templat, prosesor pra dan bahasa markup, sehingga Anda dapat memilih kombinasi apa pun yang Anda inginkan dengan menggunakan plugin yang diperlukan. Docpad juga mendukung mengimpor halaman dari sumber eksternal seperti Tumblr, GitHub dan Dropbox melalui plugin.
Docpad adalah platform yang kaya fitur, dengan banyak plugin dan dokumentasi yang bagus. Itu dibangun dan digunakan, Node.js untuk interaksi server.
Cukup instal Docpad menggunakan npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Beranda
8. Hexo
Hexo adalah kerangka kerja blog statis ringan yang membanggakan kecepatan kecepatan situsnya yang sangat cepat. Hexo sangat bagus untuk blogger dengan konten dalam jumlah besar yang menginginkan generator situs statis sederhana. Ini menawarkan opsi migrasi yang mudah dari platform blog lain seperti WordPress, Joomla, Jekyll, Octopress dan RSS. Salah satu hal hebat tentang Hexo adalah Anda dapat menggunakan sebagian besar plugin yang dibuat untuk Octopress (dan dengan ekstensi, plugin dibuat untuk Jekyll dengan modifikasi yang sangat kecil)
Hexo mendukung Markdown, YAML untuk hal depan dan konfigurasi. Sesuai dengan sifatnya yang cepat, Hexo memungkinkan Anda menyebar ke situs-situs seperti GitHub, Heroku dan Rsync hanya dengan satu perintah.
Hexo dapat diinstal menggunakan Node.js: npm install hexo-cli -g
9. Hugo
Hugo adalah generator situs statis tujuan umum dengan fitur serba bagus seperti dukungan templat dan parsial, pagination, dan 'taksonomi' yang pada dasarnya adalah sistem kategorisasi konten unik diikuti oleh Hugo. Ini berarti Anda dapat dengan mudah mengklasifikasikan posting berdasarkan bukan hanya tag, tetapi juga dengan cara lain yang Anda inginkan, seperti kategori atau seri langsung dari frontmatter. Hugo mendukung tiga tipe file data - YAML, JSON dan TOML, dan memungkinkan Anda memutuskan mana yang paling nyaman bagi Anda.
Alih-alih plugin, Hugo menggunakan 'shortcode' yang memungkinkan Anda menggunakan konten yang kaya di dalam Penurunan harga Anda. Untuk mengetahui cara kerjanya, baca artikel ini. Hugo ditulis dalam bahasa pemrograman Go, dan ia menawarkan file instalasi terpisah untuk platform yang berbeda pada halaman GitHub-nya. Untuk mengetahui persis bagaimana Anda dapat menginstal Hugo untuk Anda gunakan, baca instruksi instalasi untuk Hugo.
Jika Anda menggunakan Homebrew, maka Hugo dan semua dependensi dapat diinstal dengan: brew install hugo
10. Brunch
Brunch bersandar pada aplikasi web HTML5 daripada blog dan situs web, tetapi masih merupakan generator situs statis cepat yang sangat mudah digunakan. Itu tidak hanya mengkompilasi semua kode dan skrip Anda, tetapi juga dapat mengecilkan (memperkecil) kode Anda, dan mengompres gambar secara otomatis. Brunch memiliki sejumlah besar plugin yang dapat Anda gunakan untuk menyesuaikannya sesuai dengan kebutuhan Anda. Daftar lengkap plugin Brunch dapat ditemukan di sini.
Brunch menawarkan 'kerangka' yang pada dasarnya adalah pelat untuk memulai situs web Anda (atau aplikasi web). Ia menawarkan salah satu kecepatan kompilasi tercepat, hanya karena Brunch menyimpan semua bagian proyek Anda yang tidak berubah dan hanya mengkompilasi file-file yang direvisi. Brunch dibangun di atas Node.js dan dapat diinstal menggunakan npm: npm install -g brunch
Punya saran tentang artikel ini? Tinggalkan komentar!
