Gatsby: Tata Letak dan Template - Bagaimana cara kerjanya dan bagaimana cara kerjanya saat ini?

Dibuat pada 11 Jul 2017 · 3Komentar · Sumber: gatsbyjs/gatsby

Kedua konsep ini tampaknya berlebihan. Dan saya telah melihat beberapa masalah yang menunjukkan bahwa mereka tidak sepenuhnya diselesaikan di V1. Dapatkah seseorang menjelaskan bagaimana mereka harus bekerja dan bagaimana mereka melakukannya?

1) Mengapa komponen tata letak dan templat ada?

1) Bagaimana Anda memilih tata letak alternatif untuk konten? (Saya melihat bidang frontmatter di blog starter, tapi saya tidak bisa melacaknya ke efek yang sebenarnya. Bagaimanapun, ini sepertinya hal yang akan Anda lakukan di createPages, bukan override frontmatter bawaan tidak' kan?)

2) Bagaimana cara kerja templat bersarang? Atau bagaimana mereka harus bekerja? Atau mengapa Anda membutuhkannya jika Anda dapat memilih komponen template yang berbeda untuk halaman yang berbeda?

Terima kasih!

Sumber

mikestopcontinues

👍3

Komentar yang paling membantu

Anda dapat menggunakan Layout sebagai template tingkat tinggi yang mengontrol template lain dan meneruskan komponen global seperti Nav, Footer..., dan menggunakan template khusus untuk membedakan konten. Misalnya, Jika saya membuat satu Layout dengan Nav bar dan Footer, dan dua template bernama Pages dan Blogs, Pages dan Blogs akan mengambil Nav bar Footer dari Layouts, dan memiliki konten yang berbeda di dalamnya.

casprwang pada 11 Jul 2017

👍9

Semua 3 komentar

re 1) Komponen template adalah untuk jenis halaman misalnya posting blog, halaman dokumentasi, dll. Komponen tata letak adalah untuk semua yang dibagikan di seluruh halaman, misalnya header, footer, sidebar, dll. Keduanya diperlukan karena keduanya adalah hal yang sangat berbeda :-) Baca juga https://www.gatsbyjs.org/docs/building-with-components/

re 2) Anda tidak bisa sekarang. Ini adalah sesuatu yang akan kami dukung di masa depan. Bidang frontmatter itu sudah tua dan tidak digunakan. Maaf tentang itu. Baru saja dihapus. Postingan penurunan harga dibuat dengan createPage jadi salah satu cara yang memungkinkan postingan penurunan harga untuk menimpa tata letak default adalah menggunakan frontmatter untuk memilih tata letak.

re 3) juga belum didukung tetapi direncanakan untuk masa depan. Salah satu kasus penggunaan adalah Anda memiliki tata letak global dengan header/footer dan kemudian sub-bagian situs yang memiliki navigasi sidebar sekunder.