在ejs中集成您的public/css文件
在ejs中集成您的public/css文件，可以通过以下步骤完成：
- 首先，在您的项目目录中创建一个名为public的文件夹，用于存放静态资源文件，如CSS、JavaScript和图像文件。
- 在public文件夹中创建一个名为css的子文件夹，用于存放CSS文件。
- 将您的CSS文件保存到public/css文件夹中。例如，假设您有一个名为style.css的CSS文件。
- 在您的ejs文件中，使用以下代码将CSS文件链接到页面中：
<link rel="stylesheet" href="/css/style.css">这将在渲染后的HTML页面中添加一个链接标签，指向public/css/style.css文件。
- 确保您的Express应用程序中已经设置了静态文件目录。在您的Express应用程序的主文件（通常是app.js或index.js）中，添加以下代码：
app.use(express.static('public'));这将告诉Express将public文件夹中的文件作为静态文件提供给客户端。
完成上述步骤后，您的ejs模板将能够正确引用public/css文件夹中的CSS文件。请确保CSS文件的路径和文件名正确，并根据需要进行相应的调整。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：云服务器产品介绍
- 云存储（COS）：提供安全可靠的对象存储服务，适用于图片、音视频、文档等大规模数据存储和传输。详情请参考：对象存储产品介绍
- 云数据库MySQL版（CMQ）：提供高性能、可扩展的关系型数据库服务，适用于各种应用场景。详情请参考：云数据库MySQL版产品介绍
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建和部署人工智能应用。详情请参考：人工智能平台产品介绍
相关·内容
1回答
在ejs中集成您的public/css文件
node.js、express、ejs
请帮助我检查我的代码中是否有任何错误，因为app.css文件不工作。require("express");const port = process.env.PORT || 4000
app.set('view engine', 'ejs');
app.get("
浏览 5提问于2019-01-07得票数 0
2回答
向EJS添加CSS
javascript、node.js、express、ejs
在使用EJS时链接我的css文件有困难。已经查看了，但无法理解，这是我为css文件引用的代码。文件与视图目录ejs文件位于同一个目录中。头只是另一个带有静态html的ejs文件。");我最终想要将我的css文件移到另一个
浏览 2提问于2017-10-01得票数 1
回答已采纳
2回答
Express.js，CSS不链接到Ejs文件
javascript、css、node.js、express、ejs
我相信这是将css链接到ejs文件的正确方法，但是它仍然不起作用。您可以看到我的所有文件夹是如何安排在提供的图片。
浏览 8提问于2022-02-16得票数 1
1回答
如何将css文件与ejs链接？
html、css、styles、ejs、stylesheet
在我的目录中，我创建了一个公用文件夹，其中放置了另一个名为css的文件夹，该文件夹位于styles.css。在我目录中的另一个名为视图的文件夹中，我放置了我的ejs文件，我想用它链接styles.css：<link rel="styleshe
浏览 5提问于2020-05-14得票数 1
回答已采纳
1回答
当多个路由与express、ejs一起使用时，不考虑css文件
javascript、css、node.js、express、ejs
如果我使用app.get("/compose")或app.get("/dynamic")-单路由，则我的CSS文件将生效，并相应地设置h1、p的样式；但如果我使用app.get("/posts/dynamic") -即-双路由，则不会考虑我的CSS文件，尽管页眉和页脚可以正常工作 const express
浏览 2提问于2020-04-29得票数 1
3回答
添加中间件后仍无法加载CSS文件
css、node.js、express、ejs、middleware
CSS文件无法加载，并且在检查元素(F12)并转到网络时，我的CSS文件不可见。我的文件夹结构
-header.<em
浏览 2提问于2019-06-20得票数 0
1回答
为什么我的样式表适用于我所有的ejs文件？
html、css、node.js、express、ejs
我已经创建了一个单独的header.ejs文件，它将包含在我的其他ejs文件中(如index.ejs、about.ejs、contact..ejs等)。但是，当我只为header.ejs文件创建样式表时，样式将应用于所有ejs文件(index.ejs、about.ejs等)。我已经将header.ejs
浏览 3提问于2019-05-03得票数 0
1回答
设置node.js & express项目
javascript、node.js、express
我是javascript和node.js的新手，我想创建一个登录和注册屏幕。我的HTML和CSS已经做好了。如何设置我的项目来呈现我的HTML并启动我的服务器？我已经看过网上的教程，但我无法弄明白。
感谢所有帮助我们的人！
浏览 15提问于2021-05-23得票数 0
回答已采纳
3回答
如何使用Node，Express通过浏览器将图像、CSS和JS等浏览器内容发送到html？
javascript、jquery、html、node.js、express
在一个项目中工作，并尝试使用nodejs和express来使用API。在显示信息时出现问题。 console.log("Your app is listening to port " + listener.address().port);
这是我的文件目录的样子它清楚地显示index.html，但从不提取css、scrip
浏览 4提问于2018-09-18得票数 1
1回答
如何为html、css和js提供服务，同时将路由保存在不同的module.export文件中？现在只提供html。
javascript、html、node.js、express、web
我是一个新手使用速递，结果是我的方式错误通过这个网络应用程序。我的路由位于一个名为route.js的不同文件中，在module.export中，我在app.js中管理所有这些，我希望能够提供一个HTML页面，并将它保存在模块中。我使用过sendFile，但它也不适用于CSS和JS。我能做些什么来解决这个问题？('views', path.join(__dirname, '
浏览 6提问于2017-11-14得票数 2
回答已采纳
2回答
Gulp创建dist文件夹，但不会生成文件(没有错误)
javascript、node.js、sass、gulp、ejs
我刚开始使用节点、ejs和gulp，我的项目结构如下： css jsviews navbar.ejsrequire('gulp');
var ejs = require("gulp-ejs");
co
浏览 0提问于2019-05-07得票数 0
回答已采纳
6回答
如何在我的ejs文件中包括引导文件？
javascript、css、node.js、twitter-bootstrap、ejs
因此，我已经使用npm -bootstrap@3安装了引导程序，但是当我试图在我的应用程序中包含来自node_modules的bootstrap.min.css文件时，它在我的控制台中显示了这个错误：错误消息在“网络”选项卡中显示
项目文件夹结构包含引导文件<em
浏览 9提问于2017-11-26得票数 2
回答已采纳
7回答
我想使用链接导航到ejs中的另一个页面。
javascript、node.js、express
我想使用链接导航到下一页，但我遇到了404错误，我已将模板从jade更改为ejs <body> <ul style="color:white; float
浏览 4提问于2016-12-25得票数 3
1回答
nodejs中的ejs视图引擎路径设置问题
node.js、express、path、ejs
app.use(express.static(path.join(__dirname, 'public')));// views
浏览 0提问于2018-02-22得票数 0
回答已采纳
2回答
如何在index.html中正确地包含外部css和js文件？
node.js、express
我正在尝试将我的html封装在一个nodejs快速应用程序中(最新版本的express)。我尝试使用res.sendFile发送"index.html“文件。我遇到了一个问题，在浏览器中加载页面时有很多404，因为它找不到我的js或css文件。我的js文件位于bower_components目录中，有些位于"js“目录中。我的css</
浏览 1提问于2014-09-30得票数 1
回答已采纳
3回答
服务器端和胖客户端web应用的文件夹结构
node.js、extjs、architecture、express、directory
使用express我的文件夹结构如下所示 |--controllers | |--appmodel.js | |--css我应该将其添加到public文件夹还是views |--controllers | |--css<
浏览 0提问于2013-05-25得票数 12
回答已采纳
1回答
如何从..html页面链接到..ejs页面？
javascript、html、css、node.js、express
我正在制作一个网页，我一直在研究如何从..html文件链接到..ejs文件的堆栈溢出。上面写着“你的文件没找到”<li><a href="views/twitter.ejs">Twitter</a></li>
我可以访问页面，但没有css。我知道我需要创建一个控制器，这样我也
浏览 0提问于2017-10-26得票数 0
3回答
无法获取CSS文件
node.js、express
我的目录设置如下：vews css我的主文件是这样的：<head> <linkrel="stylesheet" type="text/css" href="css/style.css<
浏览 1提问于2012-11-15得票数 48
回答已采纳
1回答
ejs文件无法应用样式表
html、css、ejs
我正在做一个网站，CSS文件似乎被随机停止应用到我正在处理的ejs文件。链接可以工作(因为我可以跟踪vs代码中的链接)，但是CSS文件不会加载。我尝试过更改路径，但没有效果，当我在崇高的代码中运行ejs文件时，CSS文件被应用到ejs文件中，而不是在
浏览 0提问于2019-08-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
