HTML, CSS, haml -问题的布局上的相对链接的padrino/sinatra/rails风格的静态网站生成器



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

问题是我的index.html和其他HTML文件在不同的文件夹中。网络结构如下:

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

…你懂的。我的导航都在我的layout.haml中,然而,每次我在根index.html之外导航时,nab链接都弄乱了。如果我使用(../)或(./),它们会查找甚至不存在的文件夹。这是我当前layout.haml导航的一部分(你可以看到我尝试了几件事):

%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

这就是我迷路的地方,"帮助者"的部分。有人能给我指个方向吗,或者只是帮我一下?

link_to 'Tool Tip 1', "/guides/tooltip1.html"呢?注意前面的斜杠。

最新更新