blocks|key|3515126|text|我为此编写了自己的系统，名为更好的模板给每个人。我开放了它，并免费提供它。它对我来说很好，但从来没有被广泛收养过。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3515127|我还看到了用于此目的的M4宏。|3515128|您还可以考虑为页面PHP供电，并使用#include指令。|style|CODE|entityMap|0|LINK|mutability|MUTABLE|url|http://ostermiller.org/bte/|1|http://www.gnu.org/software/m4/^0|E|9|0|0|B|3|1|0|I|8^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|F|3|G|5|6|7|10|8|@$A|11|B|12|H|I]]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

I wrote my own system for doing this called <a href="http://ostermiller.org/bte/" rel="nofollow">Better Templates for Everybody</a>. I open sourced it and make it freely available. It works well enough for me, but it has never received widespread adoption.

I've also seen <a href="http://www.gnu.org/software/m4/" rel="nofollow">M4 Macros</a> used for this purpose. 

You could also consider powering your pages PHP and using <code>#include</code> directives.

blocks|key|1687558|text|最终我使用了Smarty。设置模板vars、fetch()和echo。迭代输入文件并将输出写入输出dir的一个小逻辑就可以工作了。迭代、输入/输出等比发明一种新的模板语言更容易编写，这样我就拥有了Smarty的许多特性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1687559|http://www.smarty.net/|offset|length|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|M|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@$D|N|E|O|1|P]]|A|$]]]|F|$G|$5|H|I|J|A|$K|C]]]]

Ultimately I used Smarty. Setup your template vars, fetch(), and echo. A little logic to iterate over input files and write the output to the output dir and things are working. The iteration, input/output, etc. were easier to write than to invent a new template language and this way I have all of Smarty's many features at my disposal.

<a href="http://www.smarty.net/" rel="nofollow">http://www.smarty.net/</a>

blocks|key|1687592|text|有这样的工具，并且考虑到你的站点大多是静态的，你应该选择更简单的，否则你会得到更多的复杂性，而不使用它的好处。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1687593|undefined有一个主要是所见即所得编辑器，它正是这样做的。您从一个样式模板开始，您可以根据自己的喜好多次填充它。它将为您突出显示和自动完成，并防止您损坏模板区域。|offset|length|entityMap|0|LINK|mutability|MUTABLE|url|http://www.adobe.com/ca/products/dreamweaver.html^0|0|0|9|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]]|F|$G|$5|H|I|J|A|$K|L]]]]

There are tools for that and considering your site is mostly static, you should go for the simpler ones, otherwise you'll get more complexity without using its benefits.

<a href="http://www.adobe.com/ca/products/dreamweaver.html" rel="nofollow">Adobe Dreamweaver</a> has a mostly WYSIWYG editor that does exactly that. You start with a styled template and you work to fill it as many times as you like. It will highlight and autocomplete for you and prevent you from damaging template areas.

blocks|key|1687672|text|你试过php+'include‘吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1687673|您可以使用头部的所有信息创建一个"header.php“文件，甚至只需创建一个"menu.php”文件，然后从index.php调用。|1687674|因此，对于每个其他页面，您不必再次复制所有的html，只需通过php“include”，这在测试这些包含的块时特别方便，而且您一直在修改它们，如果您只是普通的html，则必须修改每个单独的块。|1687675|请查看本教程：|1687676|http://www.tizag.com/phpT/include.php|offset|length|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|11|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@]|9|@$J|W|K|X|1|Y]]|A|$]]]|L|$M|$5|N|O|P|A|$Q|I]]]]

Have you tried php 'include'? 

you can make a "header.php" file with all the info about the header, or just even a "menu.php" and then just make a call from the index.php

So for every other page you make you don't have to copy all your html again, just 'include' via php, this is specially handy when you are testing such included blocks and you are modifying them all the time, if you just plain html you have to modify every single one.

Check this tutorial:

<a href="http://www.tizag.com/phpT/include.php" rel="nofollow">http://www.tizag.com/phpT/include.php</a>

blocks|key|1687730|text|我为我的web服务器运行apache2，它有一个特性，您可以将放在html代码中，它将在标记的位置发送/cgi-bin/counter.pl代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1687731|欲了解更多信息：|1687732|1687733|http://httpd.apache.org/docs/2.2/howto/ssi.html|entityMap|0|LINK|mutability|MUTABLE|url^0|V|1A|2P|J|0|0|0|0|1B|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]|$1|I|3|J|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]]|K|$L|$5|M|N|O|E|$P|J]]]]

I run apache2 for my web server, and it has a feature where you place <code>&lt;!--#include virtual="/cgi-bin/counter.pl" --&gt;</code> in the html code and it will send the code of <code>/cgi-bin/counter.pl</code> in the place of that tag.

For more info: 
<a href="http://httpd.apache.org/docs/2.2/howto/ssi.html" rel="nofollow">http://httpd.apache.org/docs/2.2/howto/ssi.html</a>

blocks|key|1687768|text|试试http://assemble.io，它是100%25的javascript，并在Grunt.js上运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|entityMap|0|LINK|mutability|MUTABLE|url|http://assemble.io/^0|2|I|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@$A|L|B|M|1|N]]|C|$]]]|D|$E|$5|F|G|H|C|$I|J]]]]

Try <a href="http://assemble.io" rel="nofollow">http://assemble.io</a>, it's 100% javascript and runs on Grunt.js.

I have a site that is 100% static content (no php, just some javascript). There's several "blocks" like the header, menu, footer, etc. that are the same on each page.

Rather than do a lot of copy/pasting, I was thinking of some kind of template system where I could run a CLI command (in php, perl, python, shell, whatever) and have it replace all the block tags with the actual block text.

I did see some answers in <a href="https://webmasters.stackexchange.com/questions/15291/script-template-to-generate-static-web-site">this question</a>, but those seem oriented towards "we provide the style and layout, you provide the text". In my case, I have everything as far as layout, css, etc. - just want to do a glorified sed.

Before I invent the wheel, I was wondering if there was a tool out there already.

Assemble static site from templates? (don't want to reinvent the wheel)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个网站，是100%的静态内容(没有php，只是一些javascript)。有几个“块”，如页眉、菜单、页脚等，在每个页面上都是相同的。我没有做大量的复制/粘贴，而是想到了某种模板系统，可以运行一个CLI命令(在php、perl、python、shell等)，并让它用实际的块文本替换所有的块标记。我在这个问题中确实看到了一些答案，但这些答案似乎是面向“我们提供样式和布局，您提供文本”。在我的例

问从模板组装静态站点？(不想重新发明轮子)
EN

回答 6

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从模板组装静态站点？(不想重新发明轮子)EN

回答 6

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从模板组装静态站点？(不想重新发明轮子)
EN