搭建jekyll Github Pages部落格

2021-09-24 04:41:20 字數 2841 閱讀 7148

個人部落格:

作業系統:windows10

引用自官網:

jekyll 是乙個簡單的部落格形態的靜態站點生產機器。它有乙個模版目錄,其中包含原始文字格式的文件,通過乙個轉換器(如 markdown)和我們的 liquid 渲染器轉化成乙個完整的可發布的靜態**,你可以發布在任何你喜愛的伺服器上。jekyll 也可以執行在 github page 上,也就是說,你可以使用 github 的服務來搭建你的專案頁面、部落格或者**,而且是完全免費的。

github pages 是乙個靜態**託管服務,直接從github倉庫託管你個人、公司或者專案頁面 ,並且不需要你寫任何後端語言來支援。

github pages的服務是免費的,但是也有一些限制:

倉庫空間不大於1g

每個月的流量不超過100g

每小時更新不超過 10 次

但是這些限制對我們普通人來說肯定沒影響的,所以可以忽略。

這裡只是將github pages當做乙個平台,其他詳細資訊可以在github pages 文件檢視

安裝jekyll前,確認已經按下步驟進行安裝

安裝ruby+devkit

安裝jekyll

直接選擇帶devkit的版本

安裝完成後,檢查ruby是否安裝成功

ruby -v

gem -v //檢視gem 是否正常安裝

gem install jekyll
快速啟動安裝了 jekyll 的 gem 包之後,就可以在命令列中使用 jekyll 命令了。官網提供了乙個快速啟動的例子:

# 安裝bundler,bundler通過gemfile檔案來管理gem包

gem install bundler

# 建立乙個新的jekyll專案,並命名為myblog

jekyll new myblog

# 進入myblog目錄

cd myblog

# 在jekyll自帶的伺服器上預覽你的專案,預設的執行位址為http://localhost:4000

# bundle exec 表示在當前專案依賴的上下文環境中執行命令 jekyll serve

bundle exec jekyll serve

jekyll 自帶了乙個開發用的伺服器,可以讓你使用瀏覽器在本地進行預覽。

jekyll serve

# 開發伺服器將會執行在 http://localhost:4000/

serve 指令將會自動監測變化,生成新的檔案。想關閉這功能,你可以使用 jekyll serve --no-watch,這裡還有其他幾個引數:

出現該頁面說明建立部署成功

year-month-title.markup //markup為你的檔案格式的字尾名
在你的文章頭部新增yaml頭資訊

---

layout: post

title: "jekyll+github搭建個人部落格"

date: 2019-06-05

categories: original

---

寫上自己的博文內容,將這個檔案儲存在blog裡面的_posts目錄裡面即可。再重啟jekyll內建伺服器,重新整理頁面:http://localhost:4000,如果沒有,可以先輸入:

jekyll build
重新生成頁面,在啟動伺服器,這樣就可以在頁面看到自己新增的博文的標題了。

這就是在本地搭建jekyll和寫博文的大致過程了,相信還有其他的搭建方法,但是估計都是大同小異吧。

這裡有兩種方法:

使用命令完成

使用github desktop應用完成

接下來的操作都是用git命令完成的,不再是cmd了。首先,大家應該都擁有了github賬號,沒有的註冊乙個就好了。

git clone [email protected]:yourname/yourname.github.io.git
這時,你會發現你的資料夾下會多出乙個yourname的檔案,我們把之前的blog下的所有檔案複製到裡面。

將本地部落格使用desktop上傳倉庫,倉庫名為 yourname.github.io ,接著同步後就可以訪問了

參考部落格:

windows下jekyll安裝步驟及問題 - 彭世瑜

jekyll中文官網

jekll+github pages搭建靜態部落格

jekyll搭建個人部落格-潘柏信

vs mysql搭建 VS mysql EF搭建

ado.net實體資料模型預設是不支援mysql資料庫的,本文件將介紹如何讓vs ado.net實體資料模型支援mysql。2.安裝mysql,勾選裡面的for visual studio外掛程式,版本不能錯 mysql connector net x86 mysql for visualstudi...

linux搭建lnnp linux搭建lnmp環境

php7.3.5 nginx1.16 mysql8 1 準備 新建目錄,lnmp php7 lnmp nginx mkdir p lnmp php7 mkdir lnmp nginx 安裝依賴 yum install gcc gcc c automake pcre pcre devel zlip z...

dpdk環境搭建之命令搭建

我使用的是centos7和dpdk16.07,centos7剛搭建完成後會有一些安裝一些工具,還有一些在配置過程中會出現的其它的錯誤在這篇文章中我就不重複說了,可以看我的 dpdk環境搭建 文章。用於交流學習,如果有錯,希望大家可以指出。1 先修訂dpdk的bug 否則在測試的時候會報錯 2.igb...