我遇到的困難之一 嘗試通過 從Worpress到Jekyll f我必須了解每個組件的用途以及它們之間的交互方式。 當我停止嘗試從頭開始創建博客並開始進行反向工程時,我找到了解決方案 一個主題 由其他人開發。 開源的優勢。
首先,假設您已經安裝了前面幾篇文章中概述的先決條件,那麼我們將構建我們的網站。 該示例是一個園藝博客。
jekyll new blog_de_jardineria
如果轉到該文件夾,將看到以下內容:
- 名為的文件夾 _帖子。
- 兩個帶有markdown擴展名的文件
- 網頁。
- 具有.yml擴展名的配置文件,我們將在下一篇文章中詳細討論。
- 一個Gemfile文件,列出了站點的組成部分以及另一個具有相同名稱的組件,但帶有.lock擴展名,以防止意外修改。
項目結構
像任何基於WordPress的網站一樣, Jekyll還會創建一個文件夾結構來存儲所有文件,並且這樣做的原因也相同。 允許用戶有序地對文件進行分組,並且隨著項目的發展,保持可管理性。
我們使用以下命令創建基本文件夾 jekyll new.
在其中,我們找到兩種類型的文件夾: 與博客配置相關的名稱在名稱前面用連字符標識的名稱(在本例中為_post文件夾,而那些資源將不包含在創建過程中的名稱。例如,包含圖片。
基於內容的文件夾
在這個組中e存儲用於網站訪問者的內容
_ 郵政
該文件夾 彥博 包含所有博客條目。 在此,對於其中保存的每個文件都使用非常特定的格式。 文件名的格式必須為date-filename-year-month-date-full_filename.md-且此發布日期將顯示為此Jekyll博客發布的日期。 我們必須記住,儘管該文件夾被稱為 _個帖子, 這是博客讀者將看到的所有內容, 例如聯繫方式或作者的傳記。 稍後我們將看到可以為頁面分配不同的設計。
_草稿
這相當於保存WordPress草稿。 建議將其用於尚不准備發布的帖子,儘管它們可以用於存儲想法列表,設計以供以後使用等。
_包括
在此空間中,我們可以存儲可重複使用多次的html代碼。 例如,在我們的案例中,根據用戶所在的半球,迎接季節開始的橫幅。
_佈局
就像我們上面說的 內容的不同部分可能需要不同的佈局。 例如,要顯示視頻,我們可能希望頁面成為單個列,而如果是邀請作者,則需要一個列來顯示他們的傳記和聯繫信息。 網站將使用的不同設計存儲在此文件夾中。
資料夾
這兩個文件夾 由站點用於其操作。
_數據
在單人博客中,配置文件可以存儲所有必需的數據。 但是,如果我們的博客中有許多作者,則需要另一種管理信息的方式。 該文件夾 _數據 它用於以JSON或CSV格式存儲數據,站點可以根據與用戶的交互來檢索這些數據。
_如果你
該文件夾 _如果你 該站點使用先前文件夾中的所有可用信息來完成該操作。 在這裡,我們將找到要上傳到服務器的站點,以便用戶可以訪問。 當然,由於它是html和CSS代碼,因此可以像其他任何網站一樣對其進行修改。
在下一篇文章中,我們將開始修改配置文件。