08-静态文件

  • 阅读: 164
  • 更新: 2022-05-01

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

1. 静态路由

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

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

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

2. 引用静态文件

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

静态文件目录结构如下:

1
2
3
4
5
6
static/
├── css
│   └── site.css
├── img
└── js
    └── site.js

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

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

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


=== 全文完 ===


欢迎加入QQ群:778391413

京公网安备 11011302003970号 京ICP备2022012301号-1