Шляхи пошуку рішення по відображенню меню

Web-дизайн в htmls шаблоні

Тут очікую викристати HTML5 елементи типу такого:

          <div class="profile-about">
            <ul class="sidebar-nav">
              <strong>Navigation</strong>
              <li><a href="/">Home</a></li>
              {% for i in site.urls %}
                <li><a class="about" href="{{ i.url }}">{{ i.text }}</a></li>
              {% endfor %}
            </ul>

          </div>

для динамічної побудови та відображення меню на сторінці html шаблону

Освоїти github flow та додати туди простий python скрипт, що пробіжить сторінки *.md , виріже з них зміст і побудує yaml-файл, або ж допише розділ в _config.yml перед генерацією сайту за допомогою jekyll.
Для тестуваня рішеня можна підняти контейнер Jekyll:

https://hub.docker.com/r/jekyll/jekyll https://hub.docker.com/r/jekyll/builder

В чому різниця, розберусь пізніше. Ну і треба подумати де це можна задеплоїти. Ну цей пункт бажаний, але не обов'язковий.

pupenasan commented 2 years ago

Може проаналізувати вже те що є реалізовано в існуючому рішенні в темі jekyll-theme-leap-day? Мене там не влаштовує відсутність скролінга, тоді все меню просто не поміщається там.

pavlo-shcherbukha commented 2 years ago

Може проаналізувати вже те що є реалізовано в існуючому рішенні в темі jekyll-theme-leap-day? Мене там не влаштовує відсутність скролінга, тоді все меню просто не поміщається там.

Ну це можна зробити руками. Практично входить в пункт 1. Тобто копіюю собі поточний стан репозиторію з шаблоном і руками роблю меню зі скроингом і з рівнями зі змісту. Це по суті перший етап.
ТАм уже є зміст. просто розіб'ю його на рівні в _config.yaml а там уже легко вичитується на сторінцу в nav tag.

Ну, це один з варіантів. Я той шаблон подивився. Ну, воно там приблизно так і будується однорівнево правда. А для скролінга потрібно зі стилями погратися. На це і піде основний час. А визначення рівня - то вже подивлюся. У них його немає, тому що рівень там в html не можливо визначити. А от якщо перенсти в yaml - то, здається, можна. Ну то треба потестувати, що б з мінімальними змінами

На другому етапі -це вже автоматизація побудови.

pupenasan commented 2 years ago

@vozemer може підкажете щодо можливості організації перевірочного самотестування в GtiHub Pages?

pupenasan / Git4All

Вдосконалення GitHubPages #8

Шляхи пошуку рішення по відображенню меню