Как настроить динамический сайт только с использованием JavaScript (без серверной части)

Question

Вот моя проблема: я хочу создать веб-сайт, в основном статичный, но с некоторыми динамическими частями (небольшой блог для новостей и т. Д.). Мой веб-сервер может делать только статические файлы (на самом деле это общедоступный каталог dropbox!), Но я не хочу повторять макет каждой HTML-страницы!

Теперь я вижу два возможных решения: либо я создаю страницу index.htm, которая эмулирует навигацию по сайту с помощью javascript и AJAX, либо я создаю все различные html-страницы, а затем каким-то образом импортирую биты макета с помощью javascript.

От вас мне нужны идеи и предложения о том, как это реализовать, какие библиотеки использовать, или, может быть, существует даже что-то специально для того, что мне нужно?

Спасибо !!

Answer 1

Я бы определил макет сайта в вашем файле index.html, а затем использовал JavaScript и Ajax для загрузки фактического контента в контент div на странице.Таким образом, ваши файлы содержимого (извлекаемые Ajax) будут более или менее простым HTML с классами CSS, определенными в index.html.Кроме того, я бы не рекомендовал создавать блог на чистом HTML и JavaScript.Это не было бы очень интерактивно;без комментариев, оценок и т. д. Однако вы можете сохранить содержимое блога в формате XML, а затем извлечь и отобразить его с помощью Ajax и JavaScript.

Находясь на предмете XML, вы можете реализовать весь контент вашего сайта в XML.Вам также следует сохранить список страниц (для создания навигации) в формате XML.

Answer 2

Вы можете использовать Шаблоны Google Closure . Это одно из самых быстрых и универсальных решений для создания шаблонов javascript.

Answer 3

Рассматривали ли вы возможность использования программного обеспечения для публикации на своем компьютере, чтобы объединить ваш контент с шаблоном, в результате чего был получен набор статических страниц, которые можно затем загрузить в раскрывающийся список?

Некоторые варианты в этом отношении приходят на ум:

• Подвижный тип - может выводить статический HTML, который затем может быть загружен на сервер
• Adobe Dreamweaver
• Apple iWork Pages

Для обработки комментариев вы можете использовать Disqus .Он вставляет полную систему комментариев на ваш сайт, используя только JavaScript.

Answer 4

Просто еще один способ.Вы можете генерировать статический HTML на вашем компьютере и загружать результат в Dropbox.Посмотрите на Emacs Muse .

Answer 5

jQuery позволяет легко загрузить раздел одной страницы на другую страницу . Я рекомендую загружать общие разделы навигации на разные страницы, а не наоборот, чтобы избежать проблем с возвратом / пересылкой. Макет может быть сделан с отдельным файлом CSS, а не с таблицами, чтобы минимизировать количество повторяющегося кода. Для блога вы можете поместить каждую запись блога в отдельный файл и загрузить каждый раздел по отдельности.

Однако я бы просто использовал что-то уже доступное. Например, TiddlyWiki - это отдельное wiki , которое находится в одном файле. Он очень настраиваемый, и для него уже доступен плагин для блогов . Вы можете работать на сайте на своем жестком диске или USB-накопителе, а затем вы можете загрузить его в Интернет, когда закончите. Там больше ничего нет.