gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 01:45:53 24 4
gpt4 key购买 nike

我目前正在设计和完善着陆页。随着时间的推移,添加了很多东西,处理部分和模态的数量不像以前那么容易了。

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

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

最佳答案

您可以使用类似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
  • 第三步:运行pug-cli自动转换html代码

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

-w 之后改变 ./ 到 pug 文件的位置,在 -o 之后改变 ./html转换后 html 文件的位置。

关于templates - 用于静态 Web 开发的简单模板系统,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39613691/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com