目錄
鑰匙要點
>

>如何安裝je​​kyll和poole?

首頁 科技週邊 IT業界 使用普爾(Poole)在5分鐘內建立一個Jekyll博客

使用普爾(Poole)在5分鐘內建立一個Jekyll博客

Feb 20, 2025 am 11:06 AM

Set Up a Jekyll Blog in 5 Minutes with Poole

使用普爾(Poole)在5分鐘內建立一個Jekyll博客

鑰匙要點

    Jekyll是用Ruby編寫的靜態站點生成器,可用於創建簡單,易於管理的網站或博客,而無需複雜的數據庫。它可以在github頁面上免費託管。
  • > Poole被描述為Jekyll站點的“基礎設置”,可用於簡化設置Jekyll網站的過程。它帶有示例模板,頁面,帖子和样式以快速入門。
  • >
  • >將新帖子添加到jekyll博客中,涉及將標記文件放置在_posts文件夾中,並確保其在頂部包含適當的YAML前面物質。然後可以通過GitHub頁面發布博客,該頁面需要對Git的基本了解。
  • >最近,與復雜的,數據庫驅動的網站相距甚遠,回到了更簡單,更靜態的站點,當然可行,例如一個簡單的投資組合網站或博客。
  • 不過,這並不是說人們正在返回過去的.html網站。您仍然希望能夠有效地管理模板和範圍的代碼,這就是靜態站點生成器的所在地。
靜態站點生成器旨在將您的各種靜態文件帶入網站。他們有很多可供選擇的地方,並且在Sitepoint上有有關它們的最新文章,涵蓋了它們所使用的不同語言,基於節點的選項,它們的潛在優勢比WordPress,甚至如何用Grunt滾動。

在本文中,我們將研究Jekyll,這是最受歡迎和廣泛使用的。我將描述如何使用最少的編碼來構建博客,然後在GitHub頁面上免費託管。我們還將利用Poole(一種或“基礎設置”)來構建Jekyll網站。 簡而言之

Jekyll用Ruby編寫。它以紅寶石寶石的形式安裝在計算機上。它不是CMS,不是博客軟件,也不包含模板,內容等。這要簡單得多。將其視為一個簡單的程序,提供方便的處理文件的方法。

>

>安裝了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文件中:

  • 更改標題,標語,描述GitHub和作者的個人詳細信息。
  • >將URL更改為your_github_username.github.io。
在cname中,提及your_github_username.github.io而不是hyde.getpoole.com。並編輯大約為md包含您的詳細信息。

> 您已經進行了上述更改,創建一個存儲庫your_github_username.github.io,然後將所有文件從桌面移動到該存儲庫。

>嘗試在瀏覽器中打開out_github_username.github.io,您會在那裡找到新博客。

>

要注意的一個重要點:您需要了解一些git,以便能夠將新帖子添加到存儲庫中。如果您不是命令行,那麼有很多工具,例如Mac的Github,它們可以輕鬆使用GIT。無論哪種方式,一旦將帖子添加到存儲庫後,GitHub頁面都會照顧其餘的。

進一步閱讀

>這篇文章是要讓您開始使用Jekyll,但是如果您願意花一些時間學習,您可以做很多事情。您會發現以下資源可用於理解jekyll並更好地git:

>

jekyll文檔 - 非常整潔,點文檔

    傑基爾的簡介 - 約翰·羅森(Johan Ronsee)的好解釋
  • Git和GitHub的基礎知識 - 從官方GitHub YouTube頻道
  • 在15分鐘內學習GIT基礎知識 - 代碼學校的互動教程。
  • >希望您發現這篇文章有用。如果您試圖使用上述步驟構建博客並將其卡住在任何地方,請在下面的評論中詢問一個問題。我會在那里活躍。
  • >常見問題(常見問題解答)關於在5分鐘內使用POOLE
  • 建立Jekyll博客
什麼是jekyll,為什麼我應該將其用於博客?它採用一個模板目錄,其中包含各種格式的原始文本文件,通過轉換器和渲染器運行它,並吐出一個完整的,即將發布的靜態網站。使用Jekyll的主要優點是它的簡單性。它不需要數據庫或更新,從而使其安全易於維護。另外,您可以免費在Github上直接託管您的網站。

什麼是poole,它如何補充jekyll?

poole是jekyll項目的基礎設置。它為任何Jekyll站點提供了清晰簡潔的基礎設置。它通過提供完整的香草Jekyll安裝示例,頁面,帖子和样式來做到這一點。這可以幫助您立即與Jekyll一起啟動和跑步。

>

>如何安裝je​​kyll和poole?

要安裝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博客?

更新您的jekyll博客就像對文件進行更改並將其推向GitHub存儲庫一樣簡單。每當您推更改時,Jekyll都會自動重建您的網站。

我可以將jekyll與其他語言一起使用嗎?您可以在_config.yml文件中配置網站的語言,而jekyll將處理其餘的內容。

>

如何將圖像添加到我的jekyll博客?

>您可以將圖像添加到Jekyll中通過將它們放置在圖像目錄中,並使用適當的Markdown或HTML語法將其放置在圖像目錄中。 Jekyll?

是的,Jekyll支持可以擴展其功能的廣泛插件。您可以通過將插件添加到gemfile和_config.yml文件中來安裝插件,然後運行Bundle install command。

以上是使用普爾(Poole)在5分鐘內建立一個Jekyll博客的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

熱門話題

Java教學
1663
14
CakePHP 教程
1420
52
Laravel 教程
1313
25
PHP教程
1266
29
C# 教程
1237
24
CNCF ARM64飛行員:影響和見解 CNCF ARM64飛行員:影響和見解 Apr 15, 2025 am 08:27 AM

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

使用AWS ECS和LAMBDA的無服務器圖像處理管道 使用AWS ECS和LAMBDA的無服務器圖像處理管道 Apr 18, 2025 am 08:28 AM

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

21個開發人員新聞通訊將在2025年訂閱 21個開發人員新聞通訊將在2025年訂閱 Apr 24, 2025 am 08:28 AM

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

See all articles