Развертывание внешнего связывающего сервера CSS и JS

Я использую twitter bootstrap и Foundation (zurb) для двух демонстрационных страниц с одним столбцом. Я могу легко протестировать тему на своем локальном компьютере, но я не могу обнаружить таблицу стилей и файл js на своем собственном сервере. Он размещен на hostgator, и я не уверен, что вызывает проблему.

Если я не ошибаюсь, загружая каталог в том виде, в котором он находится на сервере, это не должно влиять на хостинг на стороне сервера, не так ли? Я просто загружаю базовый пример html-страницы с сайта начальной загрузки с небольшими изменениями на стороне текстового содержимого.

So

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

эта ссылка на файл css также должна быть получена после развертывания сервера. Я также пытался использовать ../ и использовать URL-адрес веб-сайта.

<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="http://mywebsite.com/css/bootstrap.min.css" rel="stylesheet" media="screen">

Я не знаю, что здесь происходит не так, потому что на стороне сервера я могу увидеть текстовое содержимое, но не синтаксический анализ css и js.

Все три метода привязки к внешнему css или js неверны? В чем здесь может быть проблема?


person Ryu Ishida    schedule 06.11.2012    source источник
comment
Вы пытались получить доступ к файлу css напрямую через браузер?   -  person Marko Francekovic    schedule 06.11.2012
comment
да. он работает с прямым URL-адресом, но я не могу использовать css и js в шаблоне.   -  person Ryu Ishida    schedule 06.11.2012
comment
Может быть что-то с правами доступа к файлам.   -  person Marko Francekovic    schedule 06.11.2012
comment
@marko-francekovic Если он доступен напрямую в браузере, то это не проблема с разрешениями.   -  person Jonathan Cross    schedule 06.11.2012


Ответы (2)


пытаться

<link href="/css/bootstrap.min.css" rel="stylesheet" media="screen" />

используйте путь от корня сайта

/css/бутстрап.мин.css

и закройте элемент <link /> с помощью />

person MikeM    schedule 06.11.2012
comment
Та же проблема. Таблица стилей и JS не загружаются. - person Ryu Ishida; 07.11.2012
comment
У вас есть URL-адрес, чтобы увидеть проблему в действии? Ссылка JS будет выглядеть иначе, вы используете что-то вроде <script src="/js/bootstrap.min.js"></script> для этого, верно? - person MikeM; 07.11.2012
comment
вы можете проверить sparxengine.net для демонстрации этой проблемы. да. На самом деле я только что использовал простой шаблон Zurb, чтобы снова проверить проблему, и у меня возникла проблема с отсутствующей таблицей стилей. - person Ryu Ishida; 07.11.2012
comment
http://sparxengine.net/css/bootstrap.min.css - это ошибка 404, которая не найдена, похоже, это проблема со структурой файла. Вы подключились по FTP или как вы загружаете свои таблицы стилей/javascript? - person MikeM; 07.11.2012
comment
у вас работает http://sparxengine.net/css/bootstrap.min.css, а не ошибка 404. Ссылка <link /> теперь тоже должна работать - person MikeM; 07.11.2012
comment
Я попробовал, как вы описали в ответ. Просто не мог заставить его работать. Я также проверил права доступа к файлам и не нашел никаких проблем. - person Ryu Ishida; 07.11.2012
comment
Похоже, вы исправили проблему с правами доступа или файловой структурой, но HTML http://sparxengine.net/ в настоящее время ссылается /assets/css/bootstrap.css вместо этого он должен указывать на /css/bootstrap.min.css - person MikeM; 07.11.2012
comment
Спасибо, кажется, примеры и загрузочный код не обновлены до последней сборки. Я только что исправил это. Интересно, была ли та же проблема с фондом ZURB. :) - person Ryu Ishida; 07.11.2012

Теперь, когда я увидел пример, я могу сказать, что это определенно проблема с путем к файлу css. Подтвердил исправлением в инспекторе DOM.

Вы можете загрузить свой css сюда:

http://sparxengine.net/assets/css/bootstrap.css

Или вы можете изменить шаблон HTML, чтобы ссылаться на этот уже загруженный файл:

http://sparxengine.net/css/bootstrap.css

person Jonathan Cross    schedule 06.11.2012
comment
Я только что загрузил базовый пример из зурба, а также загрузчик, и проблема не устранена. Мой демонстрационный сайт находится на sparxengine.net. - person Ryu Ishida; 07.11.2012
comment
Хорошо, кажется, что ваша страница здесь: sparxengine.net ссылается на эту таблицу стилей: sparxengine.net/assets/css/bootstrap.css, но фактическая таблица стилей — sparxengine.net/css/bootstrap.css - person Jonathan Cross; 07.11.2012
comment
Это была проблема с разрешением файла по какой-то странной причине, изменение разрешения файла позволило получить доступ к файлу css и js. права доступа к файлам были автоматически сброшены на 644, и я не могу включить их на 777, поэтому просто исправил это на 755, что безопасно, имхо. Это фиксированный. - person Ryu Ishida; 07.11.2012
comment
Круто, вы также исправили путь /css/bootstrap.css - person Jonathan Cross; 07.11.2012
comment
Я думаю, что примеры из зурба и бутстрапа не совпадают с набором файлов, раздаваемых загрузчиком. - person Ryu Ishida; 07.11.2012