جانغو الإعلام عناوين المواقع في ملفات CSS

Question

في جانغو قوالب ، فإنه من الشائع أن تفعل ما يلي:

<img src="{{ MEDIA_URL }}/img/someImage.jpg">

كيف يمكنك تحقيق هذا في ملف CSS وهي ليست بمثابة القالب ؟

.someClass {
    /* can't do this this */
    background: url("{{ MEDIA_URL }}/img/someImage.jpg");        
    /* either this */
    background: url("http://media.domain.com/img/someImage.jpg");
    /* or this */
    background: url("/django_static_media/img/someImage.jpg");
    /* can't do both... what to do? */
}

أنا في حاجة إلى القدرة على خدمة بلدي الملفات إما من وسائل الإعلام فرعي, أو أثناء العمل دون اتصال وخدمتهم مباشرة مثل django ثابت الرأي.ولكن ملفات CSS هي مشكلة لأنها ليست تجهيز قوالب وأنا لا يمكن استخدام MEDIA_URL سياق متغير.

ما هو الحل ؟

تحرير: وأود أن أشير إلى أن المشكلة تنشأ منذ ثابت ملفات الوسائط هي في الواقع يقع على وسائل الإعلام منفصلة sub-domain ، مما يلغي استخدام المسارات النسبية. فهمت, شكرا!

Answer 1

أين هو ملف css يخدم من ؟ هذه عادة ليست مشكلة مشتركة الإعلام هيكل مثل:

media/
    images/
    css/
    js/

(أو ما شابه) يسمح النسبية مسارات الملفات للصور, على سبيل المثال:

background: url('../images/foo.png');

إذا كنت غير مستعد لتغيير وسائل الاعلام الخاصة بك بنية المجلد لاستيعاب النسبية مسارات الملفات, قد يكون لديك أي بديل سوى الكتابة css الإعلانات من داخل القالب باستخدام الثانوي ملف css عندما متواجد حاليا:

{% if DEBUG %}
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/offline-mode.css" />
{% endif %}

طبعا الخيار الأول هو أرتب بكثير.

Answer 2

آسف, كنت لا أحب الإجابة.

أنا عندي نفس المشكلة:

ليس هناك طريقة سهلة للقيام بذلك مع ساكنة-تقدم ملفات CSS.

ما أقوم به:

• تصحيح الخادم العمل محليا الإعلام خدم محليا
• خادم الإنتاج يتم استضافتها في مكان التجارية w/وسائل الإعلام على الأمازون S3
• settings.py ملف السيارات مجموعات MEDIA_URL (التصحيح ، إلخ.) عبر المضيف الاختيار (التفريق الإنتاج مقابلمحلية/الوطن/debug)
• HTML الملفات جميعها الروابط مع css {{MEDIA_URL}} (+RequestContext السياقات وجهات النظر)
• أنا أحب مطلقة طريق أسماء ، لذلك "update_s3" النصي:(1) يغير كل ملف css مؤقتا إلى إصلاح 'url("/الإعلام' إلى 'url("s3.mydomain.com/media' ، (2) تحديثات/uploads /بلدي وسائل الإعلام دليل على الأمازون S3

ثم انتقل إلى الإنتاج والقيام إس في تحديث & لمس WSGI الملف و التحقق من صحة

Answer 3

يستخدم المسارات النسبية (ملفات الصور) في ملفات CSS ليس خيارا قابلا للتطبيق بالنسبة لك ؟

Answer 4

إذا كنت ترغب في استخدام قالب توجيهات في ملف ، لماذا لم تقدم عبر قالب ؟