TV 채널 웹사이트: 정적 자산
베르셀: https://khmerweb-tv-channel.vercel.app/
Bottle.py에서 글꼴, 그림, JavaScript 및 CSS 파일과 같은 정적 자산을 사용할 수 있으려면 이러한 정적 파일을 저장할 폴더에 대한 경로를 설정해야 합니다.
정적 폴더의 이름은 우리가 원하는 대로 지정할 수 있지만 사람들은 루트 디렉터리의 "공용"폴더로 이름을 지정하는 것을 좋아합니다. 그리고 이 폴더에 대한 경로를 설정하는 가장 좋은 위치는 진입점 파일인 "index.py"입니다. 또한 이 폴더에서 다양한 종류의 파일을 저장하는 데 필요한 만큼의 하위 폴더를 만들 수 있습니다.
# index.py
from bottle import static_file, get
from routes.frontend import index
app = index.app
@app.get('/static/<filepath:path>')
def staticFile(filepath):
return static_file(filepath, root="public")
###################################################################
import socket
host = socket.getfqdn()
addr = socket.gethostbyname(host)
if(addr == '127.0.1.1'):
app.run(host='localhost', port=8000, debug=True, reloader=True)
###################################################################
정적 자산에 대한 경로가 설정되면 아래와 같이 다양한 종류의 정적 파일을 사용할 수 있습니다.
<!--views/base.tpl-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>TV Channel Website</title>
<script src="/static/scripts/jquery.js"></script>
<link href="/static/images/sitelogo.png" rel="icon" />
<link href="/static/fonts/setup.css" rel="stylesheet" />
<link href="/static/styles/base.css" rel="stylesheet" />
</head>
<body>
Hello World!
</body>
</html>
/* public/styles/base.css*/
:root{
--body-font: 14px/1.5 Vidaloka, OdorMeanChey;
--background-dark: #541616;
--background: #c64242;
--background-light: #f7c2c2;
--foreground: #fce4e4;
--color: white;
}
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
a{
text-decoration: none;
color: #ff60ac;
}
a:hover{
opacity: 0.7;
}
.region{
max-width: 1100px;
margin: 0 auto;
}
body{
background: var(--background-light);
font: var(--body-font);
color: var(--color);
}
Reference
이 문제에 관하여(TV 채널 웹사이트: 정적 자산), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sokhavuth/tv-channel-website-route-to-static-assets-4dd6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
