欢迎回来｡
让我们看看如何将CSS和JavaScript添加到索引中｡ html, 因为如果您还记得,
我们在这里使用脚本和CSS｡
现在再次与烧瓶｡
如果我们转到CSIS, 我们会看到有静态文件｡
静态文件只是意味着它是一个永远不会改变的文件｡
这就是CSS和JavaScript｡
通常一旦我们把它们送出去, 它们就不会改变它们的静态｡
在这里您可以看到, 使用Flask时, 我们必须将文件作为静态斜杠样式的文档存储在文件系统中,
因此我们需要创建一个静态文件夹｡
再说一次, 这是你必须习惯的事情｡
但是, 假设在这里我们将像创建模板一样创建一个静态文件夹,
以便Flask应用程序知道在这里查找CSS和JavaScript文件｡
所以我将移动JavaScript文件｡
到静态文件夹｡
并对CSS文件执行相同的操作｡
所以再一次, 移动那个｡
至静｡
现在, 如果我保存这个并运行, 你会发现它实际上不会工作｡
为什么呢？
你能弄明白吗？
这也是因为我们还没有过多地讨论HTML､ CSS和JavaScript｡
如果您没有看到这些内容, 请不要担心, 但是如果您还记得在我们的索引HTML文件中, 我们在这里引用了这些文件｡
但文件路径现在已更改｡
它们现在位于静态文件夹中｡
就像这样｡
所以我不得不说静｡
脚本狗｡
如果我现在回去｡
和刷新｡
嘿, 看那个｡
我的美丽的绿色网站, 让我们说这是圣诞节网站现在工作, 如果我打开开发工具｡
转到网络并刷新｡
嘿, 看那个｡
我有我的文件｡
然后我有我的JS文件｡
为什么没有CSS？
让我再刷新一下｡
哦, 在那儿, 就在那儿｡
我们有样式CSS｡
我们有JS和文档｡
太棒了｡
如果你想知道为什么我们会得到这个小fab图标错误, fab图标是在这里的选项卡上显示的小图标｡
所以, 如果我们愿意, 我们甚至可以添加自己的工厂图标并发送图像｡
我们要做的就是在端点中, 用fab
icon. iko代替blog, 我们只需向其发送一张图像｡
嗯嗯嗯
我们将如何着手做这件事？
我将在下一个视频中向您展示答案,
但我希望您能尝试给予, 并找出如何将图像发送回此端点, 以便我们不会收到此错误｡
当一个浏览器自动请求这个时, 所有的浏览器都会这样做, 它会在这里为我们显示一个小图标｡
因此, 选择任何图标, 你想要的, 看看你是否可以解决它在下一个视频｡
我会告诉你答案的｡