使用普爾(Poole)在5分鐘內建立一個Jekyll博客
鑰匙要點
- > Poole被描述為Jekyll站點的“基礎設置”,可用於簡化設置Jekyll網站的過程。它帶有示例模板,頁面,帖子和样式以快速入門。 >
- >將新帖子添加到jekyll博客中,涉及將標記文件放置在_posts文件夾中,並確保其在頂部包含適當的YAML前面物質。然後可以通過GitHub頁面發布博客,該頁面需要對Git的基本了解。
- >最近,與復雜的,數據庫驅動的網站相距甚遠,回到了更簡單,更靜態的站點,當然可行,例如一個簡單的投資組合網站或博客。 不過,這並不是說人們正在返回過去的.html網站。您仍然希望能夠有效地管理模板和範圍的代碼,這就是靜態站點生成器的所在地。
在本文中,我們將研究Jekyll,這是最受歡迎和廣泛使用的。我將描述如何使用最少的編碼來構建博客,然後在GitHub頁面上免費託管。我們還將利用Poole(一種或“基礎設置”)來構建Jekyll網站。 簡而言之
>
>安裝了Jekyll後,您可以將其從命令行中使用。它可以執行諸如Process Markdown之類的事情,並且由於它會生成靜態站點,因此您可以輕鬆地在本地查看進度,並在靜態網絡服務器上託管您的網站。>安裝jekyll
首先,您需要在系統上安裝Jekyll。對於Mac,在終端中運行以下命令以安裝jekyll:
>這將自動安裝Jekyll的所有寶石依賴性。如果您在安裝過程中被卡住,請在Jekyll的官方網站上查看故障排除頁面,或在Github上提交問題。
>雖然Jekyll在Windows上沒有正式支持,但您仍然可以通過一些調整來運行它。請在jekyll網站上的Windows頁面上或朱利安·蒂洛(Julian Thilo)的Jekyll。
獲得Poole和您的第一台服務器>不是以原始的jekyll主題開始,讓我們使用普爾。它是由馬克·奧托(Mark Otto)創建的,這就是他描述的方式:
>
Poole是靜態站點生成器Jekyll的管家。它是由@MDO設計和開發的,目的是為任何Jekyll網站提供清晰簡潔的基礎設置。它通過提供完整的香草jekyll安裝示例,頁面,帖子和样式來做到這一點。>>您可以在此處看到基本版本。儘管它對最小博客來說非常好,但我喜歡在其中建立的兩個主題:Hyde和Lanyon。讓我們使用Hyde來構建我們的演示博客。
>要獲得Hyde的設置,請轉到其GitHub頁面並下載存儲庫。將其放入您選擇的文件夾中,然後轉到終端。假設您將其放在桌面上。運行以下命令移動到該目錄並啟動服務器:
jekyll服務命令將啟動開發服務器,該服務器將允許您在本地瀏覽器中預覽生成的網站。
$ gem install jekyll
要理解我的意思,請在瀏覽器中打開一個新標籤,然後輸入:http:// localhost:4000。如果您正確地遵循了所有內容,您會在那裡找到新生的博客。
添加新帖子您剛剛下載的Hyde-Master存儲庫中包含許多文件夾,例如_layouts,_posts和_includes。但是,如果您想管理博客的帖子:_ posts,您只需要關心一個文件夾。它包含您的所有帖子以降級格式。
>要添加新的博客文章,只需將您的Markdown文件放在_posts文件夾中即可。確保您的Markdown文件在頂部包含以下(稱為YAML Front Matters):>
這將告訴Jekyll您正在添加帖子。 (如果您有任何疑問,請檢查_ posts文件夾中的示例帖子。)
>>運行jekyll再次在您的終端服務,如果您打開http:// localhost:4000。
要確保正確構建博客,jekyll需要此命名約定:$ cd Desktop/hyde-master/ $ jekyll serve
年是一個四位數的數字,月和一天都是兩位數的數字,標記是代表文件中使用的格式的文件擴展名(在我們的情況下為MD)。例如,您的第一篇帖子可以命名為2015-03-29-my-First post.md。
>
發布您的博客>遵循上述步驟並添加了一些自己的帖子後,您就可以向世界展示新博客。您可以將文件發佈到許多Web主機上,但是GitHub使通過GitHub頁面託管靜態Jekyll網站變得非常簡單(免費!)。您需要擁有的只是一個github帳戶。
--- layout: post title: Your Post Title ---
將其推向github之前,讓我們進行一些更改: 在config.yml文件中: >
您已經進行了上述更改,創建一個存儲庫your_github_username.github.io,然後將所有文件從桌面移動到該存儲庫。
>
jekyll文檔 - 非常整潔,點文檔 > >
在cname中,提及your_github_username.github.io而不是hyde.getpoole.com。並編輯大約為md包含您的詳細信息。 >
傑基爾的簡介 - 約翰·羅森(Johan Ronsee)的好解釋
什麼是jekyll,為什麼我應該將其用於博客?它採用一個模板目錄,其中包含各種格式的原始文本文件,通過轉換器和渲染器運行它,並吐出一個完整的,即將發布的靜態網站。使用Jekyll的主要優點是它的簡單性。它不需要數據庫或更新,從而使其安全易於維護。另外,您可以免費在Github上直接託管您的網站。 什麼是poole,它如何補充jekyll? >
要安裝jekyll,您需要在系統上安裝Ruby。擁有Ruby後,您可以通過運行命令GEM安裝Jekyll Bundler來安裝Jekyll。對於Poole,您只需要從Github下載或克隆Poole存儲庫,就可以了。傑基爾很簡單。您只需要在_posts目錄中添加一個文件,該目錄遵循公約yyyy-mm-dd-name of-post.ext.ext。並感覺到我的jekyll博客? >您可以通過在_layouts中編輯樣式表和佈局文件來自定義jekyll博客的外觀和_ sass目錄。您還可以在CSS目錄中添加自己的樣式表。 >如何在Github上託管我的Jekyll博客? >在Github上託管您的Jekyll博客很容易。您只需要創建一個新的存儲庫,將您的jekyll站點推向它,然後配置存儲庫設置以將GH-pages分支用於github頁面。 >如何安裝jekyll和poole?
更新您的jekyll博客就像對文件進行更改並將其推向GitHub存儲庫一樣簡單。每當您推更改時,Jekyll都會自動重建您的網站。
我可以將jekyll與其他語言一起使用嗎?您可以在_config.yml文件中配置網站的語言,而jekyll將處理其餘的內容。
以上是使用普爾(Poole)在5分鐘內建立一個Jekyll博客的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

該試點程序是CNCF(雲本機計算基礎),安培計算,Equinix金屬和驅動的合作,簡化了CNCF GitHub項目的ARM64 CI/CD。 該計劃解決了安全問題和績效

該教程通過使用AWS服務來指導您通過構建無服務器圖像處理管道。 我們將創建一個部署在ECS Fargate群集上的next.js前端,與API網關,Lambda函數,S3桶和DynamoDB進行交互。 Th

與這些頂級開發人員新聞通訊有關最新技術趨勢的了解! 這個精選的清單為每個人提供了一些東西,從AI愛好者到經驗豐富的後端和前端開發人員。 選擇您的收藏夾並節省時間搜索REL
