Ekstrak konten html umum ke file terpisah untuk digunakan kembali

Saya telah membangun sebuah situs web (menggunakan halaman GitHub) yang berisi banyak sub-halaman. Hampir setiap halaman ini berisi konten yang sama, mis. bagian footer seperti ini:

<footer id="content-info" class="container" role="contentinfo">
    ...
</footer>

Pertanyaan saya adalah: bagaimana cara mengekstrak bagian yang sama ini ke file terpisah untuk digunakan kembali? Lalu saya bisa memasukkan file ini di mana pun saya perlu memuat bagian footer. Jika memungkinkan, saya dapat dengan mudah mengedit bagian ini satu kali dan semua halaman yang memuatnya akan berubah secara otomatis.


reusability html github-pages
person herohuyongtao    schedule 15.07.2014    source sumber

Jawaban (3)


arrow_upward
4
arrow_downward

Halaman GitHub mendukung Jekyll, generator situs statis. Jekyll menggunakan template Liquid di bawah tenda. Anda harus dapat memanfaatkan template bahkan tanpa pembuatan situs statis.

Berikut info selengkapnya tentang Jekyll: http://jekyllrb.com/docs/home/

Agar Jekyll dapat memproses dengan Halaman GitHub, Anda mungkin perlu menambahkan file _config.yml. Info selengkapnya tentang hal itu di sini: http://jekyllrb.com/docs/configuration/

Kemudian setelah Jekyll memproses file .html Anda, Anda dapat menggunakan sintaks templating sederhana untuk menyertakan konten dari file lain.

Contoh:

<!-- html here -->
{% include footer.html %}
<!-- more html here -->

Ini akan mencakup konten _includes/footer.html secara default. Info selengkapnya tentang templat terdapat di sini: http://jekyllrb.com/docs/templates/#includes

Saya harap itu membantu!

person Will Klein    schedule 15.07.2014
comment
Terima kasih atas editannya, @herohuyontao! Saya biasanya memformat hal-hal seperti itu jadi terima kasih! - person Will Klein; 17.07.2014

arrow_upward
-1
arrow_downward

Anda cukup menyalin konten div ke file php atau html dan memanggilnya dari setiap halaman menggunakan

<?php include 'footer.php'; ?>

Dengan begitu ketika Anda mengubah footer.php, itu akan diperbarui di seluruh situs.

person GazEcc    schedule 15.07.2014
comment
Seperti yang dibahas di sini, GitHub tidak mendukung PHP. Adakah ide untuk mengatasinya? - person herohuyongtao; 15.07.2014

arrow_upward
-1
arrow_downward

Anda benar dalam hal uang, ambil cuplikan kode yang ingin Anda gunakan kembali dan simpan sebagai file terpisah.

Kemudian gunakan

<?php include_once ("file location/filename.extension"); ?>

untuk memasukkan file itu :D

##### html file 
<html>
<head>
<title>Title</title>
</head>

<body>
<p>content here</p>
<?php include_once ("file location/filename.extension"); ?>
</body>
</html>
##### include file 
<p>copyright by me<p>
person lil_bugga    schedule 15.07.2014
comment
Terima kasih. Tapi itu tidak berhasil untuk saya. Apakah ini terkait dengan halaman GitHub yang saya gunakan untuk membangun situs web saya? Mungkin itu tidak mendukung PHP? - person herohuyongtao; 15.07.2014
comment
Sudahkah Anda menyimpan halaman utama sebagai html atau php. Ini mungkin hanya masalah format file yang salah. Kecuali ditentukan dengan ekstensi .php, saya rasa itu tidak akan berhasil. - person lil_bugga; 15.07.2014
comment
Halaman disimpan sebagai HTML. GitHub tidak mendukung PHP, seperti yang dibahas di sini. Berita sedih :( Ada ide untuk mengatasinya? - person herohuyongtao; 15.07.2014
comment
Sepertinya Anda tidak memiliki banyak pilihan yang terbuka untuk Anda. Saya sarankan melihat bingkai. Saya biasa membangun situs dengan bingkai dan setiap bingkai secara efektif memiliki halaman terpisah yang mengendalikannya. Bingkai menurut saya telah digantikan oleh IFrame, jadi mungkin ada baiknya untuk melihatnya. - person lil_bugga; 15.07.2014
comment
Terima kasih. Saya akan memeriksanya. - person herohuyongtao; 15.07.2014
comment
Apakah Anda berhasil dengan frame atau Iframe? - person lil_bugga; 17.07.2014