Итак, я работал над оптимизацией моего сайта. Прямо сейчас у меня очень хороший шаблон. Это выглядит примерно так:Грунтовые относительные пути к базе src для эффективности
<!doctype html>
<html class="no-js" lang="">
<head>
<!-- shiny optimizations -->
...
<!-- Ooh look! An important example that will help you understand my question! -->
<link rel = "stylesheet" href = "release/base/css/normalize.css">
include "page/head.html"
</head>
<body>
include = "page/body.html"
</body>
</html>
Таким образом, в каждой странице, он имеет состав следующей
- /отпускания: каталог, в котором минимизированы, сжатые файлы помещаются
- /источник: а каталог, где исходные файлы:
Теперь у меня есть каталог под названием/base (в корневом каталоге) и содержит оптимизацию и другие блестящие материалы, такие как нормализация, совместимость браузеров , и т. д.
База будет оставаться неизменной во всех проектах, а также файл шаблона, но местоположение проектов изменится. Возьмем, например, следующую файловую структуру.
base
favicon.ico
/css
...
/js
...
source
...
release
...
foo
/release
...
/source
...
index.html
/foobar
/release
...
/source
...
index.html
bar
/release
...
/source
...
index.html
baz
/release
...
/source
...
index.html
Так Баз, бар и Foo нужно ссылаться на оптимизацию через
../base
Foobar должен ссылаться на него через
../../base
И корень просто нужно, чтобы получить его через
base
Таким образом, базовые ред на сколько файлов глубоко что-то есть, я хочу, чтобы изменить его с
<link rel = "stylesheet" href = "{changeMeBasedOnFileDeepness}/base/css/normalize.css">
Для
<link rel = "stylesheet" href = "../../../base/css/normalize.css">
ТЛ; дг: Я хочу, чтобы файлы ссылаться на базовый каталог, где бы они.
Это делается на GitHub страницах, вы можете просмотреть РЭПО here
Приветствия,
TheGenieOfTruth