Demo

Эта статья описывает процесс создания онлайн-книги с использованием JavaScript и GitHub.

  1. Автор хотел опубликовать книгу с иллюстрациями онлайн, с возможностью легко дописывать и редактировать ее.

  1. Вместо сложной системы с базой данных и админ-панелью, было решено использовать более простой подход:

- Хостинг книги на GitHub

- Использование Markdown для разметки страниц

- Преобразование Markdown в HTML с помощью библиотеки ShowDown

  1. Структура книги:

- Файлы страниц в формате .md

- Конфигурационный файл JSON, описывающий порядок страниц и дополнительные параметры (анимации)

  1. Функциональность:

- Асинхронная загрузка страниц при прокрутке

- Возможность продолжить чтение с определенного места с помощью хэш-тегов

- Поддержка анимированных иллюстраций с использованием библиотеки Vivus

  1. Автор приводит пример кода JavaScript для загрузки страниц и обработки контента.

  1. Преимущества этого подхода:

- Простота в использовании для автора книги

- Легкость публикации и обновления содержимого

- Отсутствие необходимости в сложной серверной инфраструктуре

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

https://habr.com/ru/articles/311452/

https://github.com/thedownpour/thedownpour.github.io