Middleman дает 404 в статье Страница

Question

Я начинаю строить блог с Миддлманом, используя расширение посредника-блога. На домашней странице все отлично работает. Проблема возникает, когда я нажимаю ссылку, чтобы увидеть полную запись в блоге. На всей странице блога не применяется CSS. После дополнительной проверки, я получаю ошибку 404. Я установил его на Dev Tools, перемещая 3 уровня в моем CSS ссылка HREF так:

ДО (работает в домашней странице, но не в рамках статьи страниц)

<link rel="stylesheet" href="stylesheets/global.sass"> 

ПОСЛЕ (перемещение двух уровней вверх больше не дает мне 404)

<link rel="stylesheet" href="../../../stylesheets/global.sass"> 

Мой вопрос: Что мне нужно изменить так, что статья страницы искать CSS 3 уровня вверх в то время как домашняя страница остается без изменений?

Answer 1

В вашем случае самым простым способом было бы использовать относительные пути, относящиеся к сети.

Напомним, что вы используете регулярный относительный путь ...

<link rel="stylesheet" href="stylesheets/global.sass"> 

Если страница находится в http://example.com/index.html, то браузер будет искать http://example.com/stylesheets/global.sass.

Но если ваша страница в http://example.com/blogs/2013/03/20/blogpost.html, браузер будет искать http://example.com/blogs/2013/03/20/stylesheets/global.sass

---

Теперь, решение ...

Если добавить косую черту в начале пути, вы делаете этот относительный путь в относительный путь к сети. Веб-браузер начнет искать файл в корневой директории ...

<link rel="stylesheet" href="/stylesheets/global.sass"> 

Таким образом, независимо от того, является ли ваша страница в http://example.com/index.html, http://example.com/blogs/2013/03/20/blogpost.html или http://example.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/p/page.html, браузер, во всех случаях, искать файл в http://example.com/stylesheets/global.sass.

---

Adobe Dreamweaver documentation on linking and navigation объясняет это немного более полно.