2017-03-07 109 views
1

我是新的在nodejs和我正在這個項目上工作,仍然學習渲染ejs模板, 所以我有這個模板我已經下載到我的nodejs項目上工作與 「https://github.com/puikinsh/gentelella」 我把我的模板文件夾和文件在視圖文件夾,然後在我的路線我叫index.ejs(已改變文件的類型從index.html index.ejs)然後我測試 結果是我的模板工作,但沒有CSS它是純文本和鏈接,沒有圖像沒有風格。 所以我心中已經猜到了,它不是加載引導也沒有自定義CSS 你能幫助我多告訴我上呈現最簡單的方法,以及如何解決這個問題?我不能渲染我的模板css使用ejs

回答

0

大多數這個模板的樣式表是在供應商的文件夾,你必須到該文件夾​​拷貝到您的文件夾視圖,以及。

<!-- Bootstrap --> 
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
    <!-- Font Awesome --> 
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
    <!-- NProgress --> 
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet"> 
    <!-- iCheck --> 
    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet"> 

    <!-- bootstrap-progressbar --> 
    <link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"> 
    <!-- JQVMap --> 
    <link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/> 
    <!-- bootstrap-daterangepicker --> 
    <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"> 

    <!-- Custom Theme Style --> 
<link href="../build/css/custom.min.css" rel="stylesheet"> 

,並確保HREF在右folder.Also在索引文件的末尾指向也有JS文件,這點給供應商的文件夾,請務必確認一下這些內容。

+0

謝謝我的朋友其實心中已經coppied所有的文件夾視圖模板的文件夾和文件,我想指出的是,當我打開它自己的文件夾EJS它的工作原理罰款ANE當我打開它通過我的服務器(本地主機),它沒有CSS渲染 –

+0

是您的公共文件夾中的視圖文件夾?如果發佈您的文件夾結構將會很有幫助。 – yosiprompt