【问题标题】:HTML, CSS, haml - problems with relative links on a layout for a padrino/sinatra/rails style static website generatorHTML、CSS、haml - padrino/sinatra/rails 样式静态网站生成器布局上的相对链接问题
【发布时间】:2012-01-01 22:34:31
【问题描述】:

我正在使用静态站点生成器创建一个站点,该站点位于我工作的共享网络文件夹中。对于我的同事来说,这是一个简单的教程网站——它没有托管,没有服务器,而且完全是静态的。我正在使用the Middleman,这是一个很棒的应用程序。我只需要它来发布一个我可以从这样的文件夹中使用的网站。

问题是我的index.html 和其他 HTML 文件位于不同的文件夹中。网页结构是这样的:

-index.html
 +guides/
  -guide1.html
  -guide2.html
 +stylesheets/
 +images/

...你明白了。我的导航都在我的layout.haml 中,但是,每次我在我的根目录index.html 之外导航时,nab 链接都会变得一团糟。如果我使用 (../) 或 (./),它们会查找甚至不存在的文件夹。这是我当前的layout.haml nav 的一部分(你可以看到我尝试了几件事):

%nav
    %ul
        %li.div= link_to 'Home', "index.html"
        %li
            %a{:href => ("/guides/getting-started.html")} Getting Started
        %li= link_to 'Tool Tip 1', "guides/tooltip1.html"
        %li= link_to 'Tool Tip 2', "guides/tooltip2.html"
        %li= link_to 'Tool Tip 3', "guides/tooltip3.html"

有人建议我在我的 config.rb 中添加一个“helpers do”。它应该看起来像这样:

helpers do
  def relative_link_to(text, url)
    # Get current path
    # Get path of url
    # Get relative relation between paths
    # Pass new data to the original link_to helper
    link_to(text, relative_url)
  end
end

这就是我迷路的地方,“帮手做”部分。有人可以指出我正确的方向或只是帮助我吗?

【问题讨论】:

    标签: html middleman static-site relative-url


    【解决方案1】:

    link_to 'Tool Tip 1', "/guides/tooltip1.html" 怎么样 - 注意前面的斜线。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-12-16
      • 2012-12-19
      • 1970-01-01
      • 2012-07-21
      • 1970-01-01
      • 1970-01-01
      • 2011-07-06
      • 1970-01-01
      相关资源
      最近更新 更多