CSS在HTML中正常渲染而在FLASK中无法渲染的解决办法

---

一、首先我们需要检查文件位置是否正确，必须要有templates文件与static文件作为支持才能正常渲染

我们可以看到我们已经创建了一个static文件和templates的文件夹，并且在templates文件夹中存放了html文件，在static下存放了css文件。

---

二、我们需要对路径进行检查以及对路径应用进行修改

---

        1、方法一，网络大部分采用的修改代码（但本人经过修改后还是无法使用，因此下面提供了方法二，若采用方法一后还是无法正常使用则采用方法2中中）

网上大部分方式采用的是将下面的代码（html文件可以正常应用css的情况）

<link rel="stylesheet" href="../stnatic/bootstrap/css/bootstrap.mi.css">
<script src="../static/js/html5shiv.js"></script>

更改为如下代码（flask能够正确引用路径的情况）：

<link rel="stylesheet" href="{{url_for('static',filename='../stnatic/bootstrap/css/bootstrap.mi.css')}}">
<script src="{{url_for('static',filename ='../static/js/html5shiv.js')}}"></script>
                           

经过实测该方法在经过步骤一的设置后还是无法正常使用，故本文提供了第二种解决办法

---

        2、方法二，采用如下方法（其实就是直接引用static文件中的css就可以了）

        

        包括我们可以在static文件中创建多个文件夹使我们能够增加更多样式以及js及外部引用、图片等，只需要在html中正确更改路径即可，下面是创建/css、/js文件夹为示例（也可以创建图像文件用于存放图像等）：

---

本文作为个人学习备忘录使用，希望也能够为各位的学习带来帮助