Question

我目前正在设计和优化目标网页。随着时间的推移，添加了很多东西，处理部分和模态的数量并不像以前那么容易。

直接提出我的问题：是否有一个简单的解决方案，可以在您的常规网页设计流程中使用模板来创建静态网站。我不需要静态站点生成器的优点，比如编译我的sass或缩小我的js文件。也不需要插值和配置文件。你知道任何系统只允许我将我的html文件拆分成多个组件，然后保存在不同的html文件中吗？

P.S。我不是在寻找一个Javascript模板引擎。创建应该发生一次并生成一个普通的html文件。

Answer 1

如果不使用PHP包含，我不确定是否可以在不使用某种形式的JS Templating引擎的情况下完成：

The majority of the web's content has a simple and declarative way to load itself. Not so for HTML

你应该看看：

Metalsmith
- 一个非常简单，可插拔的静态站点生成器。
Handlebars
- Handlebars提供了必要的功能，让您可以有效地构建语义模板，而不会感到沮丧。

如果您在工作流程中使用GULP / GRUNT，则包含插件：

Answer 2

最好的解决方案是使用服务器端渲染，如先前的回答所述。

但是结帐由attaribute支持的w3schools可能会对您有所帮助。

我知道这个回答很晚了。但这可能会帮助别人。

谢谢。

Answer 3

您可以将pug之类的模板引擎与客户端工具一起使用。

哈巴狗的例子：

第1步：安装pug-cli

npm install -g pug-cli
第2步：使用pug语法编码html（非常容易学习）。例如：将首页文件拆分为多个组件（文件夹template_parts中的页眉，页脚）：

  <!DOCTYPE html>
  html(lang="en")
      head
          meta(charset="UTF-8")
          title Document

      body
          include template-parts/header.pug

          h1 Home page

          include template-parts/footer.pug

第3步：运行pug-cli自动转换html代码

$ pug -w ./ -o ./html -P

在./之后，根据pug文件的位置更改-w，在./html之后，在-o之后，将html文件的位置更改。

用于静态Web开发的简单模板系统

3 个答案: