簡體   English   中英

脫機HTML模板

[英]Offline HTML templating

我正在設計一個沒有動態內容的簡單網站,我希望它輕巧便攜 - 不需要PHP或其他服務器端腳本。 我遇到了一個我曾經有過幾次問題的問題。

我希望能夠編寫一次共同的元素(頭部,腳部,導航)並在網站上用內容編寫單個頁面,然后運行這個神秘的實用程序將其編譯成一組准備上傳的HTML文件。 頁面可能寫成這樣:

Title: Our Services
Top Navigation: Yes
Scripts: jquery, lightbox

<p>
    Example, Inc. offers a wide range of…

如果引擎也有邏輯允許我從每個頁面包含或排除元素(如上面的Top Navigation ),並自動執行任務,例如在導航欄中標記當前頁面,那就太好了:

<a href="/services"{page == 'services' ? ' class="current"' : ""}>Services</a>

這樣的引擎有沒有?

我直接向Template-Toolkit求助 它附帶了用於構建靜態站點的ttree實用程序。

您可以通過以下方式處理問題的最后部分:

[% 
    INCLUDE 'navbar.tt' 
    page = 'services'
%]

說實話,這就是PHP之類的東西派上用場...... 包含共同的元素

選項1:使用語言並享受它。

選項2:使用該語言制作網站...但隨后在您的網站上指向抓取工具以獲取生成的“靜態”內容。 例如WinHTTPTrack

Webby非常出色。

另一個很棒的選擇是傑基爾

如果非免費工具適合您,Adobe Dreamweaver的模板可以滿足您的需求。

基本上,您創建一個模板頁面,您可以在其中定義哪些部分是可編輯的,然后根據模板創建所有頁面。 如果更改模板並保存,則所有關聯的頁面都是更新。

模板系統還可以定義默認屬性並在特定頁面中更改它們。 您可以使用它來標記當前頁面,但是對於這個IMHO,幾行jquery代碼要好得多。

您可以使用您熟悉的任何輸出靜態html文件的語言編寫程序。 您可以擁有一個基本結構,然后對於自定義的東西,您可以從單獨的文件中包含它。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM