Отображение статической страницы, созданной с помощью skel на Rails

Question

Я нашел хороший шаблон в Интернете и хочу использовать его для домашней страницы приложения rails. Я решил использовать драгоценный камень высокого напряжения и прочитал его readme. Мне удалось правильно настроить маршрутизацию, но я не смог найти подходящий путь / папку для многочисленных файлов ресурсов (css, js, svgs и sass), которые находятся внутри zip-файла шаблона и которые, очевидно, делают его красивым.

Я попытался поместить их в папку активов моего приложения rails, в котором работали некоторые "функции", но svgs и изображения не отображались... и это испортило мои существующие страницы. Читая документацию по Rails, я попытался сохранить ресурсы шаблона в папке vendor, что тоже не сработало.

Где я должен хранить ресурсы для моей главной страницы на основе шаблонов, чтобы они не мешали отображению моих обычных страниц / страниц приложения? Какие пути я должен использовать в своем HTML, чтобы вызвать их?

Answer 1

Если у вас есть проблемы с изображениями, взгляните на ссылки на изображения в шаблоне источника. Вы можете увидеть ссылку на изображение, как это:

background-image: url('images/top-1280.svg')

который не будет обслуживать этот образ в Rails.

Я бы предложил найти и заменить все ссылки на изображения в ваших файлах CSS (или SCSS).

Попробуй это:

background-image: url(image-path('top-1280.svg'));

что является правильным способом для Rails 4.

Различия: в Rials у вас есть вспомогательный метод image-path, и вы не ставите префикс файла изображения с именем каталога.

Важно проверить в вашем "app / assets / stylesheets / appilcation.css", есть ли такие строки:

 *= require_tree .
 *= require_self

Теперь о Font Awesome: я вижу, что в этой теме вы собираетесь использовать Font Awesome. Я бы предложил использовать гем для Rails:

В вашем Gemfile:

gem 'font-awesome-sass'

Я думаю, что тема, которую вы выбрали, очень хорошая. Спасибо, что поделились им, это будет полезно для моего текущего проекта.