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

StackOverflow https://stackoverflow.com/questions/2204035

  •  18-09-2019
  •  | 
  •  

Вопрос

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

Есть ли такие двигатели?

Это было полезно?

Решение

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

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

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

Другие советы

Честно говоря, именно здесь могут пригодиться такие вещи, как PHP... включать общие элементы

Опция 1:Используйте язык и наслаждайтесь этим.

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

Уэбби просто фантастика именно для этого.

Еще один отличный вариант — Джекилл.

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top