使用jekyll 建立頁面

2021-09-02 09:19:17 字數 1319 閱讀 9202

作為寫文章

的補充,jekyll 還可以建立靜態頁面。利用 jekyll 帶來的便利,你只需要複製檔案或資料夾,就是這麼簡單。

像任何**的配置一樣,需要按約定在站點的要目錄下找到index.html檔案,這個檔案將被做為主頁顯示出來。除非你的站點設定了其它的檔案作為預設檔案,這個檔案就將是你的 jekyll 生成站點的主頁。

提示™: 在主頁上使用布局

站點上任何 html 檔案,包括主頁,都可以使用布局和 include 中的內容一般共用的內容,如頁面的 header 和 footer. 將合適的部分抽出放到布局中。

將 html 檔案放在**取決於你想讓它們如何工作。有兩種方式可以建立頁面:

這兩種方法都可以工作(並且可以混合使用),它們唯一的區別就是訪問的 url 樣式不同。

增加乙個新頁面的最簡單方法就是把給 html 檔案起乙個適當的名字並放在根目錄下。一般來說,乙個站點下通常會有:主頁 (homepage), 關於 (about), 和乙個聯絡 (contact) 頁。根目錄下的檔案結構和對應生成的 url 會是下面的樣子:

.

|-- _config.yml

|-- _includes/

|-- _layouts/

|-- _posts/

|-- _site/

|-- about.html # =>

|-- index.html # =>

└── contact.html # => contact.html

上面的方法可以很好的工作,但是有些人不喜歡在 url 中顯示檔案的副檔名。用 jekyll 達到這種效果,你只需要為每個頂級頁面建立乙個資料夾,幷包含乙個inex.html檔案。這樣,每個 url 就將以資料夾的名字作為結尾,**伺服器會將對應的 index.html 展示給使用者。下面是乙個示例來展示這種結構的樣子:

.

├── _config.yml

├── _includes/

├── _layouts/

├── _posts/

├── _site/

├── about/

| └── index.html # => about/

├── contact/

| └── index.html # => contact/

└── index.html # =>

這種方式可能不適合每個人,對那些喜歡乾淨 url 的人這是一種簡單有效的方法。最終選擇哪種方法完全由你來決定!

jekyll安裝使用

自學文件 jekyll文件鏈結 mac下jekyll安裝 sudo gem install jekyll2.在git上建立個人部落格倉庫 如何利用github打造部落格專屬網域名稱 3.將部落格倉庫轉殖下來,將模板導建立的git部落格倉庫中 模板鏈結 4.執行相關命令進行模板測試 cd myblog...

Jekyll入門 2配置 帖子 頁面

首發於enaium的個人部落格 title myblog 標題 email myblog example.com 郵箱 description 說明 this is my blog.baseurl 倉庫名 比如 myblog url 網域名稱 twitter username myblog 推特 g...

jekyll安裝及使用

清除舊版ruby,若存在 yum remove ruby 若為原始碼,使用如下命令 cd make uninstall 下面開始安裝ruby wget 二 解壓安裝ruby tar zxvf ruby 2.1.7.tar.gz configure disable install rdoc make ...