Question

我在我的一个Django项目中使用纯css和bootstrap，当我在本地机器上运行时，一切都很好。但在我部署后，它看起来不同。我本地计算机的字体快照是

enter image description here

但是我在数字海洋中部署它后字体宽度增加了。部署后现在看起来如何的快照

enter image description here

现在http://getfbstuff.com。我发布了头部的HTML代码

{% load staticfiles %}
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <title>Get Facebook Stuff</title>

      <link rel="stylesheet" href="{% static 'downloader/pure-market.css' %}">
      <link rel="stylesheet" href="{% static 'downloader/baby-blue.css' %}">
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.css' %}"/>
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.min.css' %}"/>
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap-responsive.css' %}"/>
      <link rel="stylesheet" href="{% static 'downloader/style.css' %}">

      <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">
      <script src="http://use.typekit.net/ajf8ggy.js"></script>
      <script>
          try { Typekit.load(); } catch (e) {}
      </script>

</head>

我认为问题在于这个javascript

 <script src="http://use.typekit.net/ajf8ggy.js"></script>
 <script>
     try { Typekit.load(); } catch (e) {}
 </script>

不知道该怎么做。任何帮助都将不胜感激。提前致谢

Answer 1

如果您安装了Chrome，Firefox或IE（使用Web开发人员工具），请参阅控制台调试程序，但是有一些依赖项未按预期路径加载。

您是否已将生产服务器设置为serve static content？您似乎也有跨域问题。

Answer 2

对于仍然遇到此类问题的任何人，在意识到文件在生产环境中以不同的方式提供服务后，我修复了我的问题。突然想到我尝试再次运行“ python manage.py collectstatic”，这为我解决了问题。

很明显，我的CSS文件中的更改未生效，因为更改后的文件位于静态文件夹中，并且没有直接交付。

部署Django后纯css javascript无法正常工作

2 个答案: