如何逃跑＃符号

Question

我想使用的图标SVG精灵中的网站，像这样的Django停止：因为＃得到由Django和逃脱

<svg aria-hidden="true" class="icon"> 
    <use xlink:href="{% static 'images/site-icons.svg#icon-twitter' %}"></use> 
</svg> 

但是这不工作所以我最终得到：

<svg aria-hidden="true" class="icon"> 
    <use xlink:href="/static/images/site-icons.svg%23icon-twitter"></use> 
</svg> 

所以没有图标呈现。 我已经分离的问题是转义，因为它的工作原理，如果我粘贴在模板的site-icons.svg内容，并做

<svg aria-hidden="true" class="icon"> 
    <use xlink:href="#icon-twitter"></use> 
</svg> 

所以这个问题是在避开。

有谁知道如何避免这种情况发生？

Answer 1

您需要的静态标签后移动ID

{% static 'images/site-icons.svg#icon-twitter' %} 

应该

{% static 'images/site-icons.svg' %}#icon-twitter 

这背后的原因是，静态标签的工作是找到一个静态文件的路径，所以它需要的是文件的位置，任何额外的需要添加后，以便当模板呈现时，它显示为一个单独的（连接？）链接