Облачный URL не создает Облачный URL через SASS

Так по моему:

application.css.scss файл у меня есть следующая строка:

background-image: cloudinary-url("billie-piper-read-book", $width: "100%");  

В среде разработки он загружается с этим конвейером активов:

HTTP: // локальный:3000/ активы / Billie-волынщик-хрестоматия

Что приводит к:

ПОЛУЧИТЕ http: // localhost:3000/ assets / billie-piper-read-book 404 (Не найдено) 

Я бы предположил, что cloudinary-url должен генерировать что-то вроде http://res.cloudinary.com/demo/image/upload/billie-piper-reading-book...

Какой-либо причине?

Любая поддержка будет оценена

2 ответа

Решение

Чтобы создать облачный URL-адрес для статического изображения, необходимо сначала запустить задачу rake и выполнить действия, описанные в следующем блоге: http://cloudinary.com/blog/how_to_deliver_your_static_images_through_a_cdn_in_ruby_on_rails

После синхронизации изображения с вашей учетной записью Cloudinary должен работать следующий пример кода:

background-image: cloudinary-url('billie-piper-reading-book.jpg');

Это сгенерирует URL, как показано ниже (обратите внимание на asset тип):

http://res.cloudinary.com/<your_cloud_name>/image/asset/billie-piper-reading-book.jpg

Если вы хотите использовать уже загруженное изображение, вы также можете установить type параметр для upload:

background-image: cloudinary-url('billie-piper-reading-book.jpg', $type: 'upload');

создать URL-адрес, как (обратите внимание на upload тип):

http://res.cloudinary.com/<your_cloud_name>/image/upload/billie-piper-reading-book.jpg

Также обратите внимание, что $width: '100%' не принимается в фоновом изображении. Вы могли бы хотеть рассмотреть использование фона размера вместо этого.

Если вам нужен HTTPS, как я, используйте:

background-image: cloudinary-url('billie-piper-reading-book.jpg', $secure: true);
Другие вопросы по тегам