Single page application (SPA) на Github pages

156
13 ноября 2018, 06:30

Есть несколько страниц с таблицами вида:

<body>
<script src="sorting.js"></script>
<table class="sort" align="center">
    <thead>
        <tr>
            <td>Столбец 1</td>
            <td>Столбец 2</td>               
    </thead>
    <tbody>
        <tr>
            <td>Значение 1</td>
            <td>Значение 2</td>               
        </tr>
    </tbody>
</table>

Сейчас каждая страница это отдельный документ .html

Все они разного размера и содержания, в каждой из них подключается одинаковая таблица стилей (css) и js скрип сортировки

Подскажите, пожалуйста, каким образом можно реализовать простенькое SPA, которое будет работать на Github pages. Желательно без AngularJS, React и прочих страшных слов (так как я не являюсь разработчиком мне будет сложно с этим разобраться)

Answer 1

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

READ ALSO
Как сделать размытие фона? [закрыт]

Как сделать размытие фона? [закрыт]

Как сделать, чтобы при наведении на блок, размывался весь фон задний, и фокусировалось на элемент?

185
Не работает css в классах div и id [закрыт]

Не работает css в классах div и id [закрыт]

У меня такая проблема: Все работало отлично, но в один момент перестали работать стили для любых созданных div классов и div idЧто я делаю не так,...

174
Как выровнять блочные элементы?

Как выровнять блочные элементы?

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

168
Как выстроить div-ы в ряд?

Как выстроить div-ы в ряд?

Есть набор из 6 блоковЗадача стоит в том, чтобы выстроить три первых в первой колонке, а оставшиеся три - во второй колонке?

156