<p>在settings.py中,调试设置为TRUE</p>
<pre><code>DEBUG = True
</code></pre>
<p>我把所有的静态文件都放在“static”文件夹中(我已经验证了static filder中的文件路径,按顺序排列),所以Django应该找到静态文件</p>
<p>下面是my templates/home.html的完整代码</p>
<pre><code>{%load static%}
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.12.4, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="{% static 'images/logo4.png' %}" type="image/x-icon">
<meta name="description" content="Website Builder Description">
<title>home.html</title>
<link rel="stylesheet" href="{% static 'web/assets/mobirise-icons/mobirise-icons.css' %}">
<link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap-grid.min.css' %}">
<link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap-reboot.min.css' %}">
<link rel="stylesheet" href="{% static 'tether/tether.min.css' %}">
<link rel="stylesheet" href="{% static 'dropdown/css/style.css' %}">
<link rel="stylesheet" href="{% static 'animatecss/animate.min.css' %}">
<link rel="stylesheet" href="{% static 'theme/css/style.css' %}">
<link rel="preload" as="style" href="{% static 'mobirise/css/mbr-additional.css' %}"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu cid-s5iISe2c23" once="menu" id="menu1-8">
<nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm bg-color transparent">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="home.html">
<img src="{% static 'images/logo-1-478x122.png' %}" alt="Mobirise" title="" style="height: 3.8rem;">
</a>
</span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black display-4" href="https://mobirise.co" aria-expanded="true">
About Us
</a></li></ul>
</div>
</nav>
</section>
<section class="engine"><a href="https://mobirise.info/o">free portfolio website templates</a></section><section class="header1 cid-s5hTifxxmG" id="header16-6">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-10 align-center">
<h3 class="mbr-section-subtitle mbr-light pb-3 mbr-fonts-style display-2">Work and select</h3>
</div>
</div>
</div>
</section>
<section class="features3 cid-s5hXWwfo5o" id="features3-7">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6">
<div class="card-wrapper">
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">
Engineers</h4>
<p class="mbr-text mbr-fonts-style display-4">Work And many more..</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.co" class="btn btn-success display-4">Sign up or Login</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6">
<div class="card-wrapper">
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">
Companies and recruiters</h4>
<p class="mbr-text mbr-fonts-style display-4">Select and more...<br><br><br><br><br>
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.co" class="btn btn-primary display-4">
Sign up or Login</a></div>
</div>
</div>
</div>
</div>
</section>
<script src="{% static 'web/assets/jquery/jquery.min.js' %}"></script>
<script src="{% static 'popper/popper.min.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'tether/tether.min.js' %}"></script>
<script src="{% static 'dropdown/js/nav-dropdown.js' %}"></script>
<script src="{% static 'dropdown/js/navbar-dropdown.js' %}"></script>
<script src="{% static 'touchswipe/jquery.touch-swipe.min.js' %}"></script>
<script src="{% static 'viewportchecker/jquery.viewportchecker.js' %}"></script>
<script src="{% static 'smoothscroll/smooth-scroll.js' %}"></script>
<script src="{% static 'theme/js/script.js' %}"></script>
<input name="animation" type="hidden">
</body>
</html>
</code></pre>
<p>有关加载的代码和网页,请参阅以下屏幕截图:</p>
<p><a href="https://i.stack.imgur.com/yZEpH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yZEpH.png" alt="enter image description here"/></a></p>