2017-03-17 71 views
0

我想导航到一个样式表,我试过很多选项,但都没有工作。目录导航到CSS样式表

(/stylesheets/main.css) 
(../stylesheets/main.css) 
(./stylesheets/main.css) 

我的文件树看起来如此:

V1(root) 
---- >public 
-------- >img 
------------ logo.png 
-------- >stylesheets 
------------ main.css 
---- >views 
-------- >partials 
------------ header.ejs 
------------ footer.ejs 
-------- landing.ejs 

我包括我的header.ejslanding.ejs

这里是代码我使用:

header.ejs

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Event Ticketing</title> 
    <link rel="stylesheet" href="/stylesheets/main.css"> 
</head> 

landing.ejs

<% include ./partials/header %> 

<h1>Landing Page</h1> 

当我试图使我没有得到通过在所有连接的任何样式登陆视图。我认为路径不正确,但不知道如何链接它。

+0

我觉得你需要去看几个目录,看看你需要做什么:'../../ stylesheets/main.css'。这应该把你带到'public'目录,然后到'stylesheets' – zik

回答

1

请确保您在主节点应用程序中为public目录设置了静态路径。

server.js

// after setting ejs as engine 
app.use(express.static(path.join(__dirname, 'public'))); 
// before routing 
0

用于href引用您的域名根(www.domain.de/)的“/” - 如果您的项目位于子文件夹中,则必须将该文件夹包含到您的链接中。

样式表的路径是“/public/stylesheets/main.css”,除非文件夹“V1”(root)是您域中的实际子文件夹 - 在这种情况下,您必须预先加入“/ V1 “链接。

0

你需要去多一个目录,这样,通过它的外观,你的代码应该是这样的:

link rel="stylesheet" type="text/css" href="../../folder/file.css"

(记住<>在开始和结束)

这应该带你到你的顶级文件夹, n转换为样式表。