设置静态文件托管目录
app.use('/public',express.static(__dirname + '/public'));
在public
目录下划分并存放好相关的静态资源文件
首先在指定的静态资源目录下新建css文件
main.css
body{
background: aqua;
}
然后在我们首页应用我们的样式文件
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="/public/main.css">
</head>
<body>
<h1>这是我的博客页面!!!</h1>
</body>
</html>
访问效果