Skip to content

静态文件

https://sanic.dev/zh/guide/basics/routing.html#静态文件-static-files

1. 静态路由

先创建 static 目录用于存放静态文件;然后在 server.py 文件中添加静态文件的路由:

python
app.static('/static', 'static')

静态文件中存储网站的 css / js 和图片等文件

2. 引用静态文件

static 目录创建 css / js / img 三个目录;
创建 static/css/site.cssstatic/js/site.js 两个空文件备用

静态文件目录结构如下:

text
static/
├── css
│   └── site.css
├── img
└── js
    └── site.js

修改 apps/templates/base.html 文件,在 <head> 标签中添加:

html
<link rel="stylesheet" type="text/css" href="/static/css/site.css">
<script src="/static/js/site.js"></script>

至此,就可以愉快的使用静态文件了