我正在使用Middleman构建一个静态站点,该站点包含所有客户最近项目的投资组合部分。
作品集部分将以3 X 3画廊的方式显示项目缩略图,并且在单击时将在灯箱内打开其相应的html页面。
灯箱内页面的布局是相同的,因此不必标记每个页面,我认为中间人可以使用[链接来处理yaml数据文件(projects.yml)提供的内容。
这是我的config.rb文件中的内容
###
# Page options, layouts, aliases and proxies
###
# A path which all have the same layout
with_layout :popup do
page "/projects/*"
end
# Proxy (fake) files
# page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
# @which_fake_page = "Rendering a fake page with a variable"
# end
data.projects.details.each do |pd|
proxy "/projects/#{pd[:client_name]}.html", "/projects/template.html", locals: { project: pd }, ignore: true
end
最佳答案
好了,经过一番挖掘,我发现了下面的两个帖子,这些帖子帮助我理解了中间人中动态页面的工作方式。 (不幸的是,doco并不多,动态页面的Middleman示例确实很基础)
http://benfrain.com/understanding-middleman-the-static-site-generator-for-faster-prototyping/
http://forum.middlemanapp.com/discussion/134/best-way-to-use-yaml-same-html-but-parameter-driven-data-fixed/p1
我的解决方案...
data / projects.yml(包含项目详细信息)
details:
- client: "Company X"
title: "Company X Event"
video_url: ""
logo:
- "logo_companyx.gif"
image_path: "/img/projects/companyx"
total_images: 10
content: "<p>Blah blah blah</p>"
responsibilities:
"<li>Something</li>
<li>Some task</li>"
config.rb:
data.projects.details.each do |pd|
proxy "/projects/#{pd[:client]}.html", "/projects/template.html", :layout => false, :locals => { :project => pd }, :ignore => true
end
上面的代码段的技巧是使用本地人通过代理将整个项目数据对象传递到模板,并将布局设置为false,这样它就不会继承默认的站点布局(因为我-或客户端-希望显示这些在灯箱弹出窗口中)
该过程的最后一步是创建/projects/template.html.erb(在源文件夹中),在模板顶部声明以下内容
<% p = locals[:project] %>
这使我可以在template.html.erb中输出p对象的每个属性。
例如:
<%= p[:title] %>
我希望这对某人有帮助,因为我花了几天的时间在网上玩了很多,例如搜索或提示。