2017-03-17 30 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轉換爲樣式表。