blocks|key|50537|text|我是中间人的创建者，希望能帮助你更好地使用中间人。我的主要目标是为用户提供Rails的强大功能，但专注于静态开发。中间人的一些实际代码是Ab的简化版本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|50538|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I'm the creator of Middleman and would be eager to help you get comfortable using Middleman. My main goal is to give users the power of Rails, but focused on static development. Some of the actual code of Middleman is simplified versions of Ab

blocks|key|49680|text|下面是我要做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|49681|49682|Ruby+on+Rails+3与High+Voltage+Gem一起使用，这使得使用公共模板提供静态页面主体变得很容易。它需要在路由中输入一个简单的条目(并且您可以使用名称空间来创建层次结构)。|unordered-list-item|offset|length|49683|Apache反向代理到独立乘客(我相信它使用nginx+)来运行Rails应用程序。This+article描述了如何对其进行配置。|49684|49685|独立乘客将读取URL，查看/public中是否有包含.html的相应文件，并提供该文件。如果没有找到，它将调用Rails并生成页面。本质上就是页面缓存，可以选择使用或不使用.html发布URL。在乘客文档中有一节专门关于页面缓存。|49686|就组合和缩小js和css而言，here's+a+good+stackoverflow+thread。|49687|Rails具有出色的i18n/l10n支持。|49688|Rails模板引擎非常易于使用。如果您愿意，也可以使用HAML。|49689|对于你的第三和第四点，我有点困惑。您希望将css和js组合在一起，但又希望每个js都有自己的URL。在Rails中，资产标记上的"cache+=>+true“指令负责添加一个查询字符串参数，该参数会在内容发生变化时发生变化，这是一个相当传统的方案。我不确定你是在什么环境下工作的，在什么情况下这是不可行的。我使用过的任何CDN都可以很好地使用它，就像正确实现HTTP规范的web服务器一样。无论如何，更改URL中的实际路径或文件都需要更改对它的所有引用。也许我误会了？|49690|entityMap|0|LINK|mutability|MUTABLE|url|http://rubygems.org/gems/high_voltage/|1|http://blog.phusion.nl/2010/09/21/phusion-passenger-running-multiple-ruby-versions/|2|https://stackoverflow.com/questions/1793222/rails-and-javascript-minifier-and-aggregator^0|0|0|G|G|0|0|16|C|1|0|0|0|F|Y|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|18|8|@]|9|@$F|19|G|1A|1|1B]]|A|$]]|$1|H|3|I|5|E|7|1C|8|@]|9|@$F|1D|G|1E|1|1F]]|A|$]]|$1|J|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1H|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1I|8|@]|9|@$F|1J|G|1K|1|1L]]|A|$]]|$1|O|3|P|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1N|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1O|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]|12|$5|X|Y|Z|A|$10|13]]|14|$5|X|Y|Z|A|$10|15]]]]

Here's what I do:

<ul>
<li>Ruby on Rails 3 with the <a href="http://rubygems.org/gems/high_voltage/" rel="nofollow noreferrer">High Voltage Gem</a>, which makes it easy
to serve a static page body using the common templates. It requires a
simple entry in the routes (and you can use namespaces to create a
hierarchy). </li>
<li>Apache reverse proxy to stand-alone Passenger (which uses nginx I
believe) to run the Rails app. <a href="http://blog.phusion.nl/2010/09/21/phusion-passenger-running-multiple-ruby-versions/" rel="nofollow noreferrer">This article</a> describes how to
configure it.</li>
</ul>

Stand-alone passenger will read the URL, see if there is a corresponding file in /public with the .html on it, and serve that. If not found, it will invoke Rails and generate the page. In essence, page caching, with the option of publishing your URLs with or without the .html. There is a section in the Passenger docs about page caching specifically.

As far as combining and minifying js and css, <a href="https://stackoverflow.com/questions/1793222/rails-and-javascript-minifier-and-aggregator">here's a good stackoverflow thread</a>.

Rails has excellent i18n/l10n support.

Rails template engine is very nice to work with. And you can use HAML if you prefer.

For your 3rd and 4th points, I'm a little confused. You want css and js combined, but then you want each to have it's own URL. In Rails, the "cache => true" directive on asset tags takes care of adding a query string parameter that changes when the content does, which is a fairly traditional scheme. I'm not sure what context you are working in where that would not work. Any CDN I've ever used works fine with that, as does an web server implementing the HTTP spec correctly. Anyway, changing the actual path or file in the URL would require changing all references to it. Maybe I'm misunderstanding?

blocks|key|2740821|text|您可能还应该检查一下mod_pagespeed。它至少会为您提供以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2740822|必须组合和缩小|2740823|Javascript+|unordered-list-item|2740824|+CSS文件必须组合|2740825|每个图像/CSS/+Javascript资产必须具有唯一的URL才能进行更好的缓存(查询字符串不够)|2740826|资产URL只有在确实更改|2740827|<代码>F210时才应不同|2740828|它不会给你这个：|2740829|2740830|Localization支持彻底的HTML，CSS，Javascript和图像文件|2740831|很好的模板引擎与布局，部分等。|2740832|2740833|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/speed/page-speed/docs/module.html^0|A|D|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1B|8|@]|9|@]|C|$]]|$1|I|3|J|5|H|7|1C|8|@]|9|@]|C|$]]|$1|K|3|L|5|H|7|1D|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1E|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1F|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]|$1|T|3|U|5|H|7|1I|8|@]|9|@]|C|$]]|$1|V|3|W|5|H|7|1J|8|@]|9|@]|C|$]]|$1|X|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]|$1|Y|3|-4|5|6|7|1L|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]]]

You should probably also checkout <a href="http://code.google.com/speed/page-speed/docs/module.html" rel="nofollow">mod_pagespeed</a>. It will at least give you this:

<ul>
<li>Javascript must be combined and minified</li>
<li>CSS files must be combined</li>
<li>Each image / CSS / Javascript asset must have unique URL for better caching (query string isn't enough)</li>
<li>Asset URL should be different only when it really changes</li>
</ul>

It won't give you this:

<ul>
<li>Localization support thorough HTML, CSS, Javascript and image files</li>
<li>Nice template engine with layouts, partials etc.</li>
</ul>

blocks|key|50601|text|我想Monkeyman有你需要的模板引擎。把它想象成中间人的Scala小弟弟。目前还没有成熟或丰富的功能，但我们最终会做到的。当前版本支持HAML、Jade、用于布局的SSP、用于内容的Markdown以及其他一些东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|50602|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/wspringer/monkeyman/^0|2|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://github.com/wspringer/monkeyman/" rel="nofollow">Monkeyman</a> has the template engine you need, I think. Think of it as Middleman's little Scala brother. Nowhere as mature or feature rich yet, but we'll get there eventually. The current incarnation supports HAML, Jade, SSP for layouts, Markdown for content and a couple of other things.

blocks|key|2531065|text|你可以看看docpad。它是用coffeescript编写的，在Nodejs上运行。它是基于文档的，在这里你写一些文档和布局，它会编译它们并将它们写到out目录中。您可以通过plugins用多种语言编写文档|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2531066|它还支持多级文件编译。例如，从eco到markdown再到html。|style|CODE|2531067|它的另一个很大的特性是您可以查询文档中正在生成的其他文档。例如，在第一页中，您可以使用如下代码来获取所有博客帖子：|2531068|database.findAll({url+:+/posts/})|2531069|这将返回在其url中具有帖子的所有文档。|2531070|entityMap|0|LINK|mutability|MUTABLE|url|http://docpad.org/|1|http://coffeescript.org/|2|http://nodejs.org/|3|http://docpad.org/docs/plugins^0|5|6|0|F|C|1|W|6|2|2F|7|3|0|F|3|J|8|T|4|0|0|0|X|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]|$A|15|B|16|1|17]|$A|18|B|19|1|1A]|$A|1B|B|1C|1|1D]]|C|$]]|$1|D|3|E|5|6|7|1E|8|@$A|1F|B|1G|F|G]|$A|1H|B|1I|F|G]|$A|1J|B|1K|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|1L|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1M|8|@$A|1N|B|1O|F|G]]|9|@]|C|$]]|$1|L|3|M|5|6|7|1P|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|W]]|X|$5|Q|R|S|C|$T|Y]]|Z|$5|Q|R|S|C|$T|10]]]]

You can have a look at <a href="http://docpad.org" rel="nofollow">docpad</a>. It's written in <a href="http://coffeescript.org/" rel="nofollow">coffeescript</a> and runs on <a href="http://nodejs.org" rel="nofollow">Nodejs</a>. It is document based, where you write some documents and layouts, it will compile them and write them in the out directory. You can write documents in a lot of languages via <a href="http://docpad.org/docs/plugins" rel="nofollow">plugins</a>

It also supports multiple level of file compilation. For example from <code>eco</code> to <code>markdown</code> to <code>html</code>.

Another great feature of it is that you can query on other documents being generated in a document. For example in the first page, you have something like this to get all blog posts:

<code>database.findAll({url : /posts/})</code>

Which will return all documents having posts in their url.

blocks|key|50076|text|没有任何特殊的订单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|50077|50078|jekyll+-相当simple|unordered-list-item|offset|length|50079|middleman+-很多funcionalities|50080|nanoc+-很多funcionalities|50081|stasis+-使用controllers|50082|staticmatic|50083|frank|50084|gumdrop|50085|ruby+on+rails+%2B+wget|50086|ruby+on+rails+%2B+high+voltage+%2B+apache+reverse+proxy|50087|50088|entityMap|0|LINK|mutability|MUTABLE|url|http://jekyllrb.com/|1|http://middlemanapp.com/|2|http://nanoc.ws/|3|https://github.com/winton/stasis|4|https://github.com/staticmatic/staticmatic|5|https://github.com/blahed/frank|6|https://github.com/darthapo/gumdrop|7|http://blog.atlashost.eu/post/ruby-on-rails-a-static-site-generator.html|8|https://stackoverflow.com/a/7139075/877028^0|0|0|0|6|0|0|0|9|1|0|0|5|2|0|0|6|3|0|0|B|4|0|0|5|5|0|0|7|6|0|0|K|7|0|0|1F|8|0|0^^$0|@$1|2|3|4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1O|8|@]|9|@$F|1P|G|1Q|1|1R]]|A|$]]|$1|H|3|I|5|E|7|1S|8|@]|9|@$F|1T|G|1U|1|1V]]|A|$]]|$1|J|3|K|5|E|7|1W|8|@]|9|@$F|1X|G|1Y|1|1Z]]|A|$]]|$1|L|3|M|5|E|7|20|8|@]|9|@$F|21|G|22|1|23]]|A|$]]|$1|N|3|O|5|E|7|24|8|@]|9|@$F|25|G|26|1|27]]|A|$]]|$1|P|3|Q|5|E|7|28|8|@]|9|@$F|29|G|2A|1|2B]]|A|$]]|$1|R|3|S|5|E|7|2C|8|@]|9|@$F|2D|G|2E|1|2F]]|A|$]]|$1|T|3|U|5|E|7|2G|8|@]|9|@$F|2H|G|2I|1|2J]]|A|$]]|$1|V|3|W|5|E|7|2K|8|@]|9|@$F|2L|G|2M|1|2N]]|A|$]]|$1|X|3|-4|5|6|7|2O|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|2P|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]|18|$5|11|12|13|A|$14|19]]|1A|$5|11|12|13|A|$14|1B]]|1C|$5|11|12|13|A|$14|1D]]|1E|$5|11|12|13|A|$14|1F]]|1G|$5|11|12|13|A|$14|1H]]|1I|$5|11|12|13|A|$14|1J]]|1K|$5|11|12|13|A|$14|1L]]]]

Without any special order

<ul>
<li><a href="http://jekyllrb.com/" rel="nofollow noreferrer">jekyll</a> - quite simple</li>
<li><a href="http://middlemanapp.com/" rel="nofollow noreferrer">middleman</a> - a lot of funcionalities</li>
<li><a href="http://nanoc.ws/" rel="nofollow noreferrer">nanoc</a> - a lot of funcionalities</li>
<li><a href="https://github.com/winton/stasis" rel="nofollow noreferrer">stasis</a> - use controllers</li>
<li><a href="https://github.com/staticmatic/staticmatic" rel="nofollow noreferrer">staticmatic</a></li>
<li><a href="https://github.com/blahed/frank" rel="nofollow noreferrer">frank</a></li>
<li><a href="https://github.com/darthapo/gumdrop" rel="nofollow noreferrer">gumdrop</a></li>
<li><a href="http://blog.atlashost.eu/post/ruby-on-rails-a-static-site-generator.html" rel="nofollow noreferrer">ruby on rails + wget</a></li>
<li><a href="https://stackoverflow.com/a/7139075/877028">ruby on rails + high voltage + apache reverse proxy</a></li>
</ul>

I need an easy way to generate static web pages so that I can serve them up with Apache or Nginx. Currently I am using SproutCore's build tool (Abbot) to generate static pages but that is a little bit cumbersome as it is designed for building SproutCore apps, not non-SproutCore HTML pages.

Here are my requirements:

<ul>
<li>Javascript must be combined and minified</li>
<li>CSS files must be combined</li>
<li>Each image / CSS / Javascript asset must have unique URL for better caching (query string isn't enough)</li>
<li>Asset URL should be different only when it really changes</li>
<li>Localization support thorough HTML, CSS, Javascript and image files</li>
<li>Nice template engine with layouts, partials etc.</li>
</ul>

Here are possible solutions I have found:

<ul>
<li>Create the site using Ruby on Rails, then get all resources using wget like <a href="http://usefulfor.com/ruby/2009/03/23/use-rails-to-create-a-static-site-rake-and-subversion/" rel="noreferrer">http://usefulfor.com/ruby/2009/03/23/use-rails-to-create-a-static-site-rake-and-subversion/</a></li>
<li>Use Middleman: <a href="http://middlemanapp.com" rel="noreferrer">http://middlemanapp.com</a> </li>
</ul>

Any thoughts on this?

After a longish evaluation process I have decided to use Middleman. It does the trick and I love its simplicity and the fact that I can use existing Rack components with it.

Best Regards,

Pekka Mattila

Static web site generation

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我需要一种简单的方法来生成静态网页，这样我就可以用Apache或Nginx为它们提供服务。目前我正在使用SproutCore的构建工具(Abbot)来生成静态页面，但这有点麻烦，因为它是为构建SproutCore应用程序而设计的，而不是非SproutCore HTML页面。以下是我的要求：必须组合和缩小Javascri...

问静态网站生成
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问静态网站生成EN