🎬 江城开朗的豌豆:个人主页
🔥 个人专栏 :《 VUE 》 《 javaScript 》
📝 个人网站 :《 江城开朗的豌豆🫛 》
⛺️ 生活的理想,就是为了理想的生活 !
📘 引言:
📟 第一步:创建public文件夹,并且新建一个css目录和img目录
/css/about.css
h1{
color: red;
}
/img/logo.jpeg
📟 第二步:在about.hbs中引入。
<link rel="stylesheet" href="/css/about.css">
<div>
<h1>关于我们</h1>
<p>学习node.js第二天</p>
<a href="/index" target="_self">index页面</a>
<img style="width: 200px;height:200px" src="/img/logo.jpeg" alt="">
</div>
📟 第三步:在server.js中配置。
app.use(express.static('public')) //注册静态资源中间件
📘 往期篇章推荐
📟 第一篇:node的背景及版本的检查
📟 第二篇:新建node项目并运行
📟 第三篇:搭建项目的两种代码格式
📟 第四篇:怎么写express的路由(接口+请求)
📟 第五篇:express路由路径方式(字符串,字符串模式,和正则)
📟 第六篇:express路由拆分(模块化)
📟 第七篇:node中间件详解
📟 第八篇:node模版引擎Handlebars及他的高级用法(动态参数)
⭐ 写在最后