所以,这是我的第一个中间人项目,我正在努力解决中间人管理链接的问题。
实际上,我已经在github页面上进行了设置。我的所有资产都在工作,所以我做对了,但由于网站位于子目录中,导致每个页面的路径都失败了。
基本上root / directoryname / index.html有效但每个链接都返回一个目录,所以我应该有root / directoryname / page.html我得到root / page.html。
Here, have a link to see it live
这是我的config.rb的样子:
# Reload the browser automatically whenever files change
configure :development do
activate :livereload
end
# Methods defined in the helpers block are available in templates
# helpers do
# def some_helper
# "Helping"
# end
# end
set :css_dir, 'css'
set :js_dir, 'js'
set :images_dir, 'img'
# Build-specific configuration
configure :build do
# For example, change the Compass output style for deployment
activate :minify_css
# Minify Javascript on build
activate :minify_javascript
# Enable cache buster
activate :asset_hash
# Use relative URLs
activate :relative_assets
activate :directory_indexes
# Or use a different image path
# set :http_prefix, "/Content/images/"
end
activate :deploy do |deploy|
deploy.method = :git
# Optional Settings
# deploy.remote = "custom-remote" # remote name or git url, default: origin
# deploy.branch = "custom-branch" # default: gh-pages
# deploy.strategy = :submodule # commit strategy: can be :force_push or :submodule, default: :force_push
end
data.works.each do |item|
proxy "/references/#{item.clean}.html", "/work.html", :locals => { :code => item }, :ignore => true
end
helpers do
# Sets the html class to 'active' when the link url is equal to the current page being viewed.
# Use just like the link_to helper.
# <%= magic_link_to 'Home', '/index.html' %>
def magic_link_to(link, url, opts={})
current_url = current_resource.url
if current_url == url_for(url) || current_url == url_for(url) + "/"
opts[:class] = "active"
end
link_to(link, url, opts)
end
end
以下是我的主菜单:
<nav id="mainNav">
<ul>
<li id="logo"><% link_to '/index.html' do %><span>ben</span> rajalu<% end %></li>
<li id="homeLink"><%= magic_link_to 'home', '/index.html' %></li>
<li class="divider"></li>
<li><%= magic_link_to 'services', '/services.html' %></li>
<li class="divider"></li>
<li><%= magic_link_to 'références', '/references.html' %></li>
<li class="divider"></li>
<li><%= magic_link_to 'a propos', '/a-propos.html' %></li>
<li class="divider"></li>
<li id="contact"><a href="#" class="offTrigger" data-target="#contactBar">contact</a></li>
</ul>
</nav>
你们觉得怎么样?我错过了什么?
答案 0 :(得分:11)
这是将Middleman项目部署到Github Pages的基本问题。
问题是Github Pages将网站部署到子文件夹,所以当你有一个绝对链接时,e。 G。 <a href="/services.html">
,它总是指向错误的位置。
您需要将Middleman切换到相对链接模式。将其添加到您的config.rb
:
set :relative_links, true