将.css文件添加到ejs
我正在使用ejs在node.js（express）上工作，并且无法在其中包含.css文件。我分别尝试了与html-
css二重奏相同的事情，并且效果很好…我如何在其中包含相同的内容我的.ejs文件。我的app.js因此：
var express = require('express');
var app = express();
app.set('views', __dirname + '/views');
app.get('/', function(req, res){
res.render('index.ejs', {
title: 'My Site',
nav: ['Home','About','Contact']
});
});
app.get('/home', function(req, res){
res.render('index.ejs', {
title: 'My Site',
nav: ['Home','About','Contact']
});
});
app.get('/about', function(req, res){
res.render('about.ejs', {
title: 'About',
nav: ['Home','About','Contact']
});
});
app.get('/contact', function(req, res){
res.render('contact.ejs', {
title: 'Contact',
nav: ['Home','About','Contact']
});
});
app.listen(3000);
和index.ejs文件：
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<h1> <%= title %> </h1>
<ul>
<% for (var i=0; i<nav.length;i++) {%>
<li><a href="/<%=nav[i]%>"> <%=nav[i]%> </a></li>
<% } %>
</ul>
</div>
<br>
<h3>Node.js</h3>
<p class='just'>Express is agnostic as to which templating language you use. Templating languages can be a hot topic of debate.Here Iam going to use Jade.</p>
<p class ='just'>Again Express is agnostic to what you use to generate your CSS-you can use vanilla CSS but for this example I'm using Stylus.
</p>
<footer>
Running on node with express and ejs
</footer>
</home>
</html>
style.css文件：
<style type="text/css">
body { background-color: #D8D8D8;color: #444;}
h1 {font-weight: bold;text-align: center;}
header { padding: 50px 10px; color: #fff; font-size :15px; text-align:right;}
p { margin-bottom :20px; margin-left: 20px;}
footer {text-decoration: overline; margin-top: 300px}
div { width:100%; background:#99CC00;position:static; top:0;left:0;}
.just
{
text-align: center;
}
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#0B614B;} /* visited link */
a:hover {color:#B4045F;} /* mouse over link */
a:active {color:#0000FF;}
ul { list-style-type:none; margin:0; padding:0;text-align: right; }
li { display:inline; }
</style>
问题答案：
您的问题实际上并非特定于ejs。
这里要注意的两件事
-
style.css 是一个外部css文件。因此，您不需要该文件中的样式标签。它应该只包含css。
-
在您的express应用程序中，您必须提及要从其提供静态文件的公共目录。像css / js / image
这可以通过
app.use(express.static(__dirname + '/public'));
假设您将css文件从应用程序的根目录放入公用文件夹中。现在您必须在模板文件中引用css文件，例如
<link href="/css/style.css" rel="stylesheet" type="text/css">
在这里，我假设您已将css文件放在公用文件夹内的css文件夹中。
所以文件夹结构是
.
./app.js
./public
/css
/style.css
-
问题内容： 现在，我正在通过jquery加载iframe： 我有一个自定义样式表，希望将其应用于该页面。iframe中的页面不在同一域中，这就是为什么它很棘手的原因。我找到了允许您添加单个标签但不能添加整个样式表的解决方案。 编辑： 有问题的页面通过Mobile Safari 加载，因此跨域策略不适用。 问题答案： 基于解决方案您已经找到了如何将CSS应用于iframe？： 或更多jqueryis
-
问题内容： 我正在尝试将一些文件添加到ZIP文件中，它会创建文件，但不会在其中添加任何内容。代码1： 我的功能： 编辑： 我发现了问题，只是在将文件从C：\驱动器写入F：\驱动器的ZIP时遇到麻烦 问题答案： 您不能压缩文件夹，只能压缩文件。要压缩文件夹，必须手动添加所有子文件。我写了本课来完成这项工作。您可以免费获得它：) 用法是这样的： 这是课程： 请享用！ 编辑 ：要检查程序是否仍在忙，可以
-
问题内容： 在android中，我使用WebView来显示我使用Apache的HttpClient从互联网上获取的网页的一部分。为了只包含我想要的html部分，我使用了Jsoup。 现在，我可以加载WebView并显示它。现在，我想将此页面链接到存储在我的Assets文件夹中的CSS文件。我知道我可以有类似的东西 在我的html中，但是如何链接它，所以它使用了我本地存储的那个？ -–编辑— 我现在
-
问题内容： 如何添加自定义CSS文件？以下配置对我不起作用： 结果： 问题答案： 一种简单的方法是将其添加到您的： 然后将文件放入文件夹。
-
问题内容： 在我的在线计算机科学课上，我必须编写一个程序来确定太阳系中每个行星的表面重力。除了一个方面，我几乎已经掌握了它的所有方面。我需要使用单独的方法将表面重力写入文件。这是我目前的方法： 我的问题是，当我将其写入文件时，它将覆盖先前的值。我如何获得它包括所有的价值。如果有帮助，这是我的全部代码： 问题答案： 这样做是为了创建带有追加模式的作品：
-
我正在使用Java15的jpackage为我的javafx应用程序创建一个安装程序。因为其中一个库需要一些visual c DLL，所以我也想包括它们。它们应该放在主目录中。exe和。ico居住。 我不明白如何写overrides.wxi来实现这一点。https://docs.oracle.com/en/java/javase/14/jpackage/override-jpackage-resou