11ty adalah generator situs statis kuat berbasis NodeJS.
Di sini, di LinuxAPT, sebagai bagian dari Layanan Manajemen Server kami, kami secara teratur membantu Pelanggan kami untuk melakukan kueri NodeJS terkait.
Dalam konteks ini, kita akan melihat cara menginstal 11ty di sistem Ubuntu Anda dan membuat situs web statis.
Prasyarat yang harus dipenuhi sebelum Instalasi 11ty
Sebagai pengguna Linux, Anda harus memiliki dua paket berikut yang tersedia di sistem Anda:
- NodeJS
- NPM
Jika Anda belum menginstal NodeJS dan NPM di sistem, Anda dapat menginstalnya dengan mudah dengan menjalankan perintah berikut:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Catatan:Tanpa Node.js dan NPM, Anda tidak akan dapat terus bekerja dengan 11ty.
Selanjutnya, kita akan membuat direktori baru, pindah ke dalamnya, dan menginisialisasinya, masing-masing:
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
Bagaimana cara menginstal dan membuat Proyek 11ty ?
Untuk melakukannya, cukup ikuti langkah-langkah yang diberikan di bawah ini.
1. Mulailah dengan menjalankan perintah berikut untuk membuat direktori baru untuk situs statis 11ty Anda:
$ npm install --save-dev @11ty/eleventy
Setelah selesai, 11ty akan diinstal di direktori yang baru Anda buat. Ini adalah instalasi per proyek. Di sini, kami tidak memilih untuk menginstal 11ty secara global. Hal ini membuat penginstalan lebih mudah dan dapat dikelola.
2. Sekarang jalankan Eleventy dan Anda akan melihat bahwa beberapa file telah ditulis. Kami tidak memiliki file apa pun sehingga tidak akan terjadi apa-apa pada tahap ini:
$ npx @11ty/eleventy
Sekarang, kita sekarang dapat membuat situs web dan mempublikasikannya. Sebelum itu, kita membutuhkan sebuah template.
3. Untuk Membuat template, gunakan kode di bawah ini:
$ echo '<!doctype html><html><head><title>Page title</title></head><body><p>Hi, this is 11ty for Linuxapt.com</p></body></html>' > index.html
$ echo '# Page header' > README.md
Setelah template selesai, Anda dapat mempublikasikan situs web Anda untuk sementara waktu. Setelah Anda menjalankan perintah di atas, Anda akan melihat bahwa 11ty telah berhasil menulis dua halaman.
Bagaimana cara memublikasikan situs web dengan 11ty ?
Setelah pembuatan template selesai, 11ty menyimpan situs ke folder _site. Anda dapat mengambil semua file yang diekspor dan mempublikasikannya ke host Anda menggunakan klien FTP. Anda dapat menambahkan perintah –serve di akhir untuk mempublikasikan situs web:
$ npx @11ty/eleventy --serve
Sekarang di browser web, ketika Anda menjalankan "localhost:8080", Anda akan mendapatkan respons seperti ini:
Hi, this is 11ty for Linuxapt.com