Простой пример

Приготовления

Для нашего примера нам понадобятся:

  1. Дистрибутив Bulldoc, см. раздел Установка
  2. Какой-нибудь сайт на локальной машине, под управлением Apache
  3. Договоримся, что файлы сайта лежат в /home/bulldoc, а сам сайт доступен по http://bulldoc. Располагать Bulldoc в корне сайта не обязательно, подойдет любая директория.

Распакуйте дистрибутив в /home/bulldoc

Примерный план книги

Наша книга будет очень простой. В ней будет "Предисловие". Раздел "Браузеры" и две страницы в нем: "Opera" и "Firefox". Называться будет "Снусмумрики в Интернете". Удобно будет сделать заготовку в текстовом редакторе такого содержания:

Снусмумрики в Сети
=======================

Предисловие
Браузеры
  Firefox
  Opera

Создаем новый проект

В командной строке из /home/bulldoc запускаем:

bulldoc -c snusmumrik

Эта команда создаст 2 папки:
/home/bulldoc/workshop/source/snusmumrik
/home/bulldoc/workshop/source/snusmumrik/pages

И два файла:
пустой /home/bulldoc/workshop/source/snusmumrik/toc.yml
и /home/bulldoc/workshop/source/snusmumrik/book_data.yml

Также в конец файла /home/bulldoc/workshop/source/bookshelf.yml, допишется строчка:

snusmumrik:

Отредактируйте файл /home/bulldoc/workshop/source/snusmumrik/book_data.yml, вписав туда название книги, и по желанию изменив другие параметры (Внимание! Файлы с yml разметкой используют пробелы, а не табуляцию!):

title: Снусмумрики в Сети
author: Юный Сказочник

copyright: Юный Сказочник, 2008
site: www.snusmumrik.ru

Создать книку можно было бы и через веб-интерфейс. На стартовой странице BullDoc, т.е. на книжной полке нажмите ссылку "Создать книгу". В форме заполните только поле keyword и поля данных книги внизу. Нажмите "Сохранить" и книга готова. Но было полезно ознакомиться со структурой файлов, поэтому мы воспользовались командной строкой и текстовым редактором.

Система может уже распознать нашу пустую книгу. Зайдите браузером по адресу http://bulldoc, в списке доступных книг появилась и наша. Перейдите по ссылке и увидите страницу книги. Пока на ней ничего нет. Сейчас мы этим займемся.

Файл структуры

Наполните файл структуры /home/bulldoc/workshop/source/snusmumrik/toc.yml вот так (можете воспользоваться веб-интерфейсом, для этого нажмите в верхнем меню ссылку "правка TOC"):

introduction.html: Введение
browsers:
  type: chapter
  title: Бродилки
  topics:
    firefox.html: Firefox
    opera.html: Opera

Посмотрите книгу в бруазере http://bulldoc/snusmumrik. Появились оглавление, навигация, меню и вместо содержимого страниц скупая фраза "Наполняется". Переходим к страницам.

Контент

Создайте файл /home/bulldoc/workshop/source/snusmumrik/introduction.html. Впишите туда такое содержимое:

<bdc:keywords data='браузер' />

<p>
<b>Веб-обозреватель</b> или <b>браузер</b> (из англ. Web browser, бро узер — неправильно) — это программное обеспечение для поиска, просмотра веб-сайтов, то есть для запроса вебстраниц (преимущественно из Сети), для их обработки, вывода и перехода от одной страницы к другой.
</p>

<p>
Большинство браузеров также наделены способностями к просмотру оглавления FTP-серверов.
</p>

<p>
Браузеры постоянно развивались со времён зарождения Всемирной паутины, и с её ростом становились всё более важной программой типичного персонального компьютера. Ныне браузер — комплексное приложение для обработки и вывода разных составляющих веб-страницы, и для предоставления интерфейса между веб-сайтом и его посетителем. Практически все популярные браузеры распространяются бесплатно или «в комплекте» с другим приложением: Internet Explorer (как неотъемлемая часть <a href='http://ru.wikipedia.org/wiki/Microsoft_Windows'>Microsoft Windows</a>), Mozilla Firefox (бесплатно, свободное ПО), Opera (бесплатно, начиная с версии 8.50), Safari (совместно с Mac OS или бесплатно для Windows NT).
</p>

Попробуйте посмотреть что получилось: http://bulldoc/snusmumrik/introduction.html

Создайте файлы про браузеры и наполните их (можете воспользоваться веб-интерфейсом, для этого зайдите на страницу через оглавление и нажмите ссылку "правка"):

/home/bulldoc/workshop/source/snusmumrik/browsers/firefox.html
<bdc:keywords data='netscape, mozilla, firefox' />

<p>
Mozilla Firefox - свободно распространяемый браузер. Является вторым по популярности после Internet Explorer.
</p>

<p>
Mozilla Firefox использует открытый кросс-платформенный движок Gecko, разработанный с учётом поддержки открытых стандартов.
</p>

<p>
Существуют официальные версии для Microsoft Windows, Mac OS X, GNU/Linux, и неофициальные для OS/2, FreeBSD, NetBSD, OpenBSD, Solaris и других операционных систем.
</p>

/home/bulldoc/workshop/source/snusmumrik/browsers/opera.html
<bdc:keywords data='opera, opera mini' />

<p>
Opera - веб-браузер и программный пакет для работы в Интернете, выпускаемый компанией Opera Software ASA. Разработан в 1994 году группой исследователей из норвежской компании Televerket.
</p>

<p>
С 1995 года продукт компании Opera Software, образованной авторами первой версии браузера. Opera входит в число наиболее популярных браузеров для ПК. Opera Mini в настоящее время играет доминирующую роль на рынке браузеров для КПК, мобильных телефонов и смартфонов благодаря технологии Small Screen Rendering.
</p>

<p>
С 2005 года версии Opera для ПК и устройств мобильной связи распространяются бесплатно.
</p>

Пройдитесь по страницам, посмотрите, что получилось.

Положите вот этот логотип в /home/bulldoc/workshop/source/snusmumrik/browsers/firefox.png и отредактируйте /home/bulldoc/workshop/source/snusmumrik/browsers/firefox.html добавив в начало файла

<img src='firefox.png'>

Посмотрите, что получилось.

Отредактируйте /home/bulldoc/workshop/source/snusmumrik/introduction.html, заменив название Opera на

<bdc:link page='browsers/opera.html' />

Посмотрите результат.

Добавьте в текст любой страницы код PHP:

<bdc:php> 
function _yamlizeArray($array,$indent) {
    if (is_array($array)) {
      $string = '';
      foreach ($array as $key => $value) {
        $string .= $this->_yamlize($key,$value,$indent);
      }
      return $string;
    } else {
      return false;
    }
  }
</bdc:php>  

Должна появиться подсветка.

Предметный указатель

Добавьте в файл структуры /home/bulldoc/workshop/source/snusmumrik/toc.yml страницу предметного указателя (также можно воспользоваться веб-интерфейсом, нажав сверху на ссылку "Правка TOC"):

introduction.html: Введение
browsers:
  type: chapter
  title: Бродилки
  topics:
    firefox.html: Firefox
    opera.html: Opera
topic_index.html: {type: index, title: Предметный указатель}

Зайдите на страницу предметного указателя, — он уже не пуст!

Добавим изображение обложки

Сохраните эту картинку, как /home/bulldoc/workshop/source/snusmumrik/pages/cover.png. Зайдите браузером на начальную страницу книги (http://bulldoc/snusmumrik), нажмите "правка" и впишите такое содержимое:

<img src='cover.png' style='display: block'>
<h2>Оглавление</h2>

Посмотрите, – появилась картинка. Более того и на книжной полке наша книга теперь с обложкой.

Экспорт в статику

Осталось построить статический набор html-файлов. В консоли наберите

cd /home/bulldoc bulldoc snusmumrik

Посмотрите, что получилось в папке /home/bulldoc/workshop/output/snusmumrik


© H-type, 2008
www.bulldoc.ru