【问题标题】:Tornado: url in external css fileTornado:外部css文件中的url
【发布时间】:2016-04-28 06:20:30
【问题描述】:

在 tornado 的 html 模板中,关于指定静态文件路径的一项建议是我们应该使用 static_url 而不是硬编码路径。例如,

 <link rel="stylesheet" type="text/css" href="{{static_url("css/frontpage.css")}}">    

但是如果我尝试在外部“frontpage.css”文件中做类似的事情,例如

body { 
background-image: static_url("img/bgimg.jpg");
background-repeat: no-repeat;} 

当然,我可以将路径硬编码为“/static/img/bgimg.jpg”来避免这种情况。但是,我认为应该有更合适的方法来处理这个问题。任何建议将不胜感激!

【问题讨论】:

    标签: html css tornado static-files


    【解决方案1】:

    由于您在 css 中的 url 被定义为相对 url,您应该没问题,因为它将与 css 文件相关。您想在 html 模板中使用 static_url 的原因是,您可以轻松地将静态资产重新定位到 CDN 或其他 Web 服务器,这样就不会从 tornado 实例中提供服务。

    【讨论】:

    • 使用 static_url 的另一个好处是“static_url 函数会根据文件的内容创建一个哈希并将其附加到 URL 的末尾,这样可以确保浏览器始终加载最新版本文件而不是依赖于以前缓存的版本”。鉴于它的影响,只是不太确定在 css 文件中硬编码 url 的方式。那么如果稍后重新定位到另一个Web服务器,这也应该相应地修改?
    猜你喜欢
    • 2015-06-17
    • 1970-01-01
    • 2017-08-10
    • 1970-01-01
    • 2021-12-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多