Блог

Главная - Вопросы по программированию - Предварительный рендеринг нескольких страниц с одной HTML-страницы с помощью Nuxt.js

Предварительный рендеринг нескольких страниц с одной HTML-страницы с помощью Nuxt.js

#html #vue.js #nuxt.js #static-site

#HTML #vue.js #nuxt.js #статический сайт

Вопрос:

У меня есть предоставленный HTML-файл с содержимым в отдельных <section> тегах.

Мне нужно предварительно отобразить эти разделы в отдельные статические страницы во время сборки, используя Nuxt (предпочтительно) или другой генератор.

Предоставленный HTML:

 <html>
  <head>
    ...
  </head>
  <body>
    <header>...</header>
    <section id="home">...</section>
    <section id="features">...</section>
    <section id="about">...</section>
    <section id="contact">...</section>
    <footer>...</footer>
  </body>
</html>

Статические страницы для создания во время сборки:

index.html , features.html , about.html и contact.html

при этом каждая страница содержит общий <head> , <header> и <footer> контент.

Как мне это сделать?

Для контекста: предоставленный HTML поступает из конструктора сайтов, поэтому я не могу контролировать выходные данные. Мне нужно сгенерировать отдельные статические страницы, потому что конечный сайт будет размещен на статическом хостинге, таком как S3.

Комментарии:

1. У вас уже есть документация для генерации на основе статического хостинга? nuxtjs.org/guide/commands — Похоже, вы ищете npm run generate

2. Ну, вам нужно написать свой собственный анализатор для этого html

3. @MikeDiglio да, я прочитал эти документы, спасибо, но я новичок в Nuxt, и это своего рода пограничный случай, поэтому я не уверен, с чего начать.

4. @Aldarund Круто, спасибо. Звучит так, как будто я не могу справиться сам, поэтому я опубликую это на доске объявлений.