Question

我正在创建一个教育性网站，其中包含100多种不同的练习。每个练习都需要自己的“页面”，并通过sidenav链接在一起。我不想制作100个不同的HTML页面。有什么方法可以将信息从数据源输入到模板中以显示信息？大多数练习只是文字，有些带有视频。我正在使用HTML / Javascript / jQuery模板。

我发现使用jQuery进行页面导航的简单多页面布局在同一html文档中具有不同div中的所有内容，但是我觉得进行100次练习可能会使网站变慢。

$(document).ready(function() {
  $("div.content div").hide();

  if (window.location.hash.length > 0) {
    console.log(window.location.hash);

    $("nav li a").each(function() {
      if ($(this).attr("href") == window.location.hash)
        $(this).parent().addClass("current").show();
    });
    $(window.location.hash).fadeIn(); 
  } else {
    $("nav li:first").addClass("current").show();
    $("div.content div:first").show();
  }

  $("nav li").click(function() {
    $("nav li").removeClass("current");
    $(this).addClass("current");
    $("div.content div").hide();

    var activePage = $(this).find("a").attr("href");
    $(activePage).fadeIn();
  });
});

我目前正在从UX到前端，所以任何起点/建议都将不胜感激：）

Answer 1

在这种情况下，我建议使用静态网站生成器，例如hugo，jekyll和家庭。

此处列出了更多信息：

https://medium.com/codingthesmartway-com-blog/top-static-site-generators-for-2019-26a4c8afcc05

如何最好地设置一个包含100页以上的多页网站

1 个答案: