龙卷风:url 在外部 css 文件中
Tornado: url in external css file
在 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”来避免这种情况。但是,我认为应该有一个更合适的方法来处理这个问题。如有任何建议,我们将不胜感激!
由于 css 中的 url 被定义为相对文件 url 你应该没问题,因为它将相对于 css 文件。您想要在 html 模板中使用 static_url 的原因是您可以轻松地将静态资产重新定位到 CDN 或其他 Web 服务器,这样它就不会由 tornado 实例提供服务。
在 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”来避免这种情况。但是,我认为应该有一个更合适的方法来处理这个问题。如有任何建议,我们将不胜感激!
由于 css 中的 url 被定义为相对文件 url 你应该没问题,因为它将相对于 css 文件。您想要在 html 模板中使用 static_url 的原因是您可以轻松地将静态资产重新定位到 CDN 或其他 Web 服务器,这样它就不会由 tornado 实例提供服务。