Оффлайн шаблоны HTML - PullRequest
       12

Оффлайн шаблоны HTML

11 голосов
/ 05 февраля 2010

Я разрабатываю простой веб-сайт без динамического контента, который я хочу сделать легким и переносимым - не требуются или не требуются 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>

Есть ли здесь какие-нибудь двигатели?

Ответы [ 5 ]

4 голосов
/ 05 февраля 2010

Я бы направился прямо к Template-Toolkit для этого. Он поставляется с утилитой ttree для создания статического сайта.

Вы можете обработать последнюю часть вашего вопроса примерно так:

[% 
    INCLUDE 'navbar.tt' 
    page = 'services'
%]
1 голос
/ 26 августа 2010

Уэбби отлично подходит именно для этого.

Другой замечательный вариант - Джекилл .

1 голос
/ 05 февраля 2010

Если честно, вот где такие вещи, как PHP, пригодятся ... для включения общих элементов

Вариант 1. Используйте язык и наслаждайтесь им.

Вариант 2. Используйте язык, чтобы создать сайт ..., а затем укажите на своем сканере сканер, чтобы получить сгенерированный "статический" контент. например WinHTTPTrack

0 голосов
/ 26 августа 2010

Вы можете написать программу на любом знакомом вам языке, которая выводит статические html-файлы. У вас может быть базовая структура, а затем для настраиваемого материала вы можете включить ее в отдельный файл.

0 голосов
/ 05 февраля 2010

Шаблоны Adobe Dreamweaver делают то, что вам нужно, если вам подходит бесплатный инструмент.

По сути, вы создаете страницу шаблона, где вы определяете, какие части редактируемые, затем вы создаете все свои страницы на основе шаблона. Если вы измените шаблон и сохраните его, все связанные страницы будут обновлениями.

Система шаблонов также имеет возможность определять атрибуты по умолчанию и изменять их на определенной странице. Вы можете использовать это для маркировки текущей страницы, хотя для этого ИМХО пара строк кода jquery намного лучше.

...