新傑基爾網頁未鏈接到樣式表

我已經創建了一個新的哲基爾頁面，包括頂部的相應YAML前頁信息。我的問題是，頁面呈現沒有任何樣式。經過檢查，我看到頭標籤是空的，所以CSS沒有鏈接。我確信我錯過了一些顯而易見的東西，但我很難過。我發現樣式錶鏈接到索引頁面，而不是我的新頁面，我不知道我缺少什麼來包含鏈接到我的樣式表的頭部數據。以下是我在新頁面中的內容。新傑基爾網頁未鏈接到樣式表

--- 
layout: default 
title: New Site 
--- 

<div> 
    <div> 

     <h2> 
     <a href="test.html">Our Sweet Test Page</a> 
     </h2> 

     <section> 
     <article class="dope-page"> 
      <h1>Test Headline</h1> 
     </article> 
     </section> 

    </div> 
</div>

來源

2016-04-30 Jef

你在哪裏放新頁面？ – iplus26

它位於index.html旁邊的根目錄中。那是對的嗎？ – Jef

這正是您的模板未加載時發生的情況。您的_layouts目錄中是否有default.html文件，並帶有指向樣式表的鏈接？

來源

2016-04-30 15:22:52 JoostS

是的，這也是我的想法。 default.html文件存在於帶有指向樣式錶鏈接的_layout目錄中 - 適用於索引頁面，但不適用於我的新測試頁面。 – Jef

擴展名是.md嗎？ – JoostS

*臉掌*命運會有它，這是一個簡單的錯字。感謝您的努力，但您的思維方向是正確的。 – Jef

以我的觀點來看，Jekyll使用layout參數將頁面與index.html並排顯示，並找到_layouts文件夾中的佈局。在你的情況下，你使用layout: default，所以你應該檢查_layouts/default.html文件。

的default.html文件由jekyll new your_awesome_site產生的應如下：

<!DOCTYPE html> 
<html> 

    {% include head.html %} 

    <body> 

    {% include header.html %} 

    <div class="page-content"> 
     <div class="wrapper"> 
     {{ content }} 
     </div> 
    </div> 

    {% include footer.html %} 

    </body> 

</html>

而且css文件是_includes/head.html。

來源

2016-04-30 15:29:33 iplus26

新傑基爾網頁未鏈接到樣式表

回答

相關問題