详情和问题：

Question

我正在建立一个使用Steam社交认证和API的网站，它将用户数据保存在数据库中，并使会话cookie包含两个主要数据，用户名和登录的cookie。

变量包含的数据是图像的网址，这导致我出现问题，我想在索引页面上显示用户的图片，但css静态文件不允许我使用变量。

所以我尝试了其他一些选择：

使用HTML <style>标记：
<a class="profile_picture" href="/profile" style="background-image: url({{ picture }})"></a> # would not work, as it takes every character as string.
使用HTML <img>代码：

<img class="profilepicture" src="{{ picture }}"></img> # same problem here, takes every character as unicode string.

问题：

有没有其他方法可以使用我的设置？（Django，CSS，HTML，Python），我试图这样做而不安装额外的东西，我见过sass，但是还有其他可能的方法吗？

我可以使用<style>或<img>标记将变量网址作为背景图片吗？如果是这样的话？

Answer 1

如果没有所有细节，很难回答这个问题，但首先想到的问题是你很可能错误地引用你的上下文变量“图片”。同样，我不确定你的问题到底在做什么，但也许这个例子会有所帮助：

如果我有一个名为“Person”的模型，该模型有2个字段，“name”和“picture”。在我的views.py中，如果我有一个名为main的函数：

extern

此函数创建一个名为persons的上下文变量，这些变量将在index.html文件中可用。显然这是一个非常宽松的例子，但它可以指导您掌握基础知识。因此，在index.html模板中，您可以通过执行以下操作来引用图片字段：

  def main(request):
      persons = Person.objects.all()
      return render(request, index.html, {"persons":persons } )

希望有所帮助。