Question

我正在开发一个HTML主题，其中包含几个具有相同导航面板，页脚和资源的HTML模板。问题是当我修改页脚中的内容时，例如，我必须逐个编辑所有其他模板才能使它们排成一行。是否有任何工具可以使这一过程自动化？提前谢谢。

Answer 1

编辑：我不知道您是否可以在普通HTML中执行此操作，但如果您不喜欢我建议的方法，则可以从Jquery查看.load()：$(“#header”).load(“header.html”);

不确定。对于简单网站，您可以使用Middleman或Jekyll之类的内容。它非常容易学习，您可以拥有一般布局，多种布局甚至partials。基本上你要制作一个_footer.erb并在布局中渲染它。

如果您有多个页面，例如，联系等，并且您的网站结构不会改变（仅限内容），我建议您使用一个布局并创建一些在那里产生的视图。这是一个简单的概念，您可以在几个小时内与中间人一起学习。

EDIT2：如何使用

layout.haml：

%body
  %header
    %nav
      = link_to 'index', '/index.html'
      = link_to 'about', '/about.html'
      = link_to 'contact', '/contact.html'

  %section#wrapper
    = yield

  %footer
    Something here

about.html.haml

%h2
  About Us
%p
  ............

contact.html.haml

%h2
  Contact
%p
  Constact us at Lorem ipsum dolor sit amet,
  consectetur adipiscing elit. Donec sit amet placerat nisi.
  Maecenas sollicitudin ut nisl a faucibus. Etiam et cursus eros.
  Nulla ut tortor aliquam, rutrum diam vitae, posuere ante.

基本上，您创建一个适用于所有页面的布局，并将其他页面中的内容导入其中。当然，您可以使用多个布局并从部分文件中调用不同的页眉和页脚，但这不是您要求的情况。

这是haml，中间人默认使用erb。如果需要，您可以转换此here。

我希望很清楚enogh

将多个HTML文件合并为一个的工具

1 个答案: