Salah satu kesulitan yang saya alami saat mencoba untuk lulus dari Worpress ke Jekyll fSaya harus memahami untuk apa setiap komponen itu dan bagaimana mereka berinteraksi satu sama lain. Saya menemukan solusinya ketika saya berhenti mencoba membuat blog saya dari awal dan mulai merekayasa balik sebuah tema dikembangkan oleh orang lain. Keunggulan open source.
Untuk memulai, dengan asumsi Anda telah menginstal prasyarat yang kami uraikan di artikel sebelumnya, kami akan membangun situs kami. Contohnya adalah blog berkebun.
jekyll new blog_de_jardineria
Jika Anda pergi ke folder tersebut, Anda akan melihat yang berikut ini:
- Folder bernama _postingan.
- Dua file dengan ekstensi penurunan harga
- Sebuah halaman web.
- File konfigurasi dengan ekstensi .yml yang akan kita bahas panjang lebar di artikel selanjutnya.
- File Gemfile yang mencantumkan komponen situs dan lainnya dengan nama yang sama tetapi dengan ekstensi .lock yang mencegah modifikasi yang tidak disengaja.
Struktur proyek
Seperti situs berbasis WordPress, Jekyll juga membuat struktur folder di mana ia menyimpan semua file, dan melakukannya untuk alasan yang sama. Izinkan pengguna untuk mengelompokkan file secara teratur dan, seiring pertumbuhan proyek, tetap dapat dikelola.
Kami membuat folder dasar dengan perintah jekyll new. Di dalamnya kami menemukan dua jenis folder; yang terkait dengan konfigurasi blog yang diidentifikasi dengan tanda hubung di depan nama (dalam kasus kami, folder _post dan yang memiliki sumber daya yang tidak akan disertakan sebagai bagian dari proses pembuatan. Misalnya, yang berisi gambar.
Folder berbasis konten
Di grup ini se menyimpan konten yang ditujukan untuk pengunjung situs
_ posting
Foldernya _POST berisi semua entri blog. Di sini format yang sangat spesifik digunakan untuk setiap file yang disimpan di dalamnya. Nama file harus dalam format date-filename - year-month-date-full_filename.md - dan tanggal posting ini akan ditampilkan sebagai tanggal posting blog Jekyll ini dibuat. Kita harus ingat bahwa meskipun folder itu disebut _ posting, inilah semua konten yang akan dilihat pembaca blog, misalnya formulir kontak atau biografi penulis. Nanti kita akan melihat bahwa dimungkinkan untuk menetapkan desain yang berbeda ke halaman.
_draf
Ini setara dengan menyimpan draft WordPress. Penggunaan yang disarankan adalah untuk posting yang belum siap untuk dipublikasikan meskipun dapat digunakan untuk menyimpan daftar ide, desain untuk digunakan nanti, dll.
_termasuk
Di ruang ini kita bisa menyimpan kode html yang bisa digunakan kembali beberapa kali. Misalnya, dalam kasus kami, spanduk yang menyambut awal musim bergantung pada belahan bumi tempat pengguna berada.
_tata letak
Seperti yang kami katakan di atas, bagian konten yang berbeda mungkin memerlukan tata letak yang berbeda. Misalnya, untuk menampilkan video, kami mungkin ingin halaman menjadi satu kolom, sedangkan jika itu adalah penulis tamu, kami memerlukan kolom untuk menunjukkan biografi dan informasi kontak mereka. Berbagai desain yang akan digunakan situs disimpan di folder ini.
Folder informasi
Dua folder ini digunakan oleh situs untuk operasinya.
_data
Di blog satu orang, file konfigurasi dapat menyimpan semua data yang diperlukan. Namun, jika kita memiliki blog dengan banyak penulis, diperlukan cara lain dalam mengelola informasi. Foldernya _data Ini digunakan untuk menyimpan data dalam format JSON atau CSV yang dapat diambil situs sesuai dengan interaksi dengan pengguna.
_jika kamu
Foldernya _jika kamu Situs ini melengkapinya dengan semua informasi yang tersedia di folder sebelumnya. Disini kita akan menemukan situs yang akan kita upload ke server agar bisa diakses oleh pengguna. Tentu saja, karena ini adalah kode html dan css, dimungkinkan untuk mengubahnya seperti situs web lainnya.
Pada artikel selanjutnya kita akan mulai memodifikasi file konfigurasi.