在github上搭建免費的部落格

2022-07-05 14:54:10 字數 2889 閱讀 2390

github好多年前,大家都開始玩啦,我這個菜鳥近幾年才開始。github不僅可以管理專案,還可以搭建部落格。技術人員,一般用的部落格為,csdn多一些。看到朋友們都弄乙個,我也開始弄起來,先找點資料看看,然後開始動手了。

(1)首先在github上註冊賬號,可以使用github,

這個比較簡單,填寫使用者名稱,郵箱,密碼等就可以了。如果有賬號了,我們接著看下面。

(2)搭建github部落格,需要用的東西,github page, jekyll模板。

首先開啟按照步驟一步一步來,

第一步,先建乙個專案倉庫,名稱很重要,要和使用者名稱一致。

客戶端裝成了,

第三步,建立index.html

i'm hosted with github pages.

第四步,先選中change部分,然後commit, 再然後sync

第五步,提交成功,瀏覽頁面,   記得username換成你的使用者名稱

github pages完成了,接著jekyll模板部分。

jekyll是靜態站點生成器。根據網頁原始碼生成靜態檔案。提供了模板,變數,外掛程式等功能,用來編寫整個**

第一步,建立專案,

在本地先建個資料夾,blog.

$ mkdir jekyll_demo

對該目錄進行git初始化

$ cd blog

$ git init

然後,建立乙個沒有父節點的分支gh-pages。因為github規定,只有該分支中的頁面,才會生成網頁檔案。

$ git checkout --orphan gh-pages

第二步,建立設定檔案

在根目錄下,建立乙個名為_config.yml的文字檔案。是jekyll的設定檔案,我們在裡面填入如下內容,其他設定都可以用預設選項,具體解釋參見官方網頁

baseurl: /blog

現在目錄結構變成:

/blog

|-- _config.yml

第三步,建立模板檔案,

在根目錄下,建立乙個_layouts目錄,用於存放模板檔案,

$ mkdir _layouts

進入該目錄,建立乙個default.html檔案,作為blog的預設模板。並在該檔案中填入以下內容

}jekyll使用liquid模板語言,}表示文章標題,}表示文章內容,更多模板變數請參考官方文件

現在目錄變為

/blog

|-- _config.yml

|-- _layouts

|   |-- default.html

第四步,建立文章

在根目錄,建立名為_posts目錄,作為blog的文章。

$ mkdir _posts

進入該目錄,建立第一篇文章,名為2017-04-19-hello-world.html

在該檔案中,填入如下內容,注意行首不能為空格,

---layout: default

title: 你好,世界

---我的第一篇文章

}每篇文章的頭部,必須有乙個yaml檔案頭,用來設定一些元資料。它用三根短劃線"---",標記開始和結束,裡面每一行設定一種元資料.

"layout:default",表示該文章的模板使用_layouts目錄下的default.html檔案;"title: 你好,世界",表示該文章的標題是"你好,世界".

現在目錄結構變成:

/blog

|-- _config.yml

|-- _layouts

|   |-- default.html 

|-- _posts

|   |-- 2012-08-25-hello-world.html

第五步,建立首頁

在根目錄,建立乙個index.html檔案,填入以下內容

---layout: default

title: 我的blog

---現在目錄結構變成這樣,

/blog

|-- _config.yml

|-- _layouts

|   |-- default.html 

|-- _posts

|   |-- 2012-08-25-hello-world.html

|-- index.html

第六步,發布內容

這個簡單的blog,可以發布了,在github上建立倉庫blog

$ git add .

$ git commit -m "first post"

$ git remote add origin

$ git push origin gh-pages

note: username換成你的使用者名稱

開啟生成的頁面,

這個時候,發現,很多年前,這樣的**是可以開啟的,現在打不開了。現在github只能開啟

所以倉庫做了下調整,

blog庫下的用來看blog文章,

username.github.io庫下的用來放首頁,可瀏覽的url, 及設定檔案baseurl.

專案檔案結構:我的目錄結構豐富了些,你也可以做的更豐富更好看,紅圈為主要內容

現在你可以使用建好的部落格了,為了把頁面做的更好看,可以加入css, image, js等

可參考我的庫來建部落格, 

在Github上搭建部落格

貌似還是這個鏈結最靠譜呀 如何利用github建立個人部落格 之一 github支援的表情符號 表情的使用方法 此人的github主頁是 會遇到問題,然後需要安裝ruby支援jekyll octopress is a framework designed by brandon mathis for ...

開始在github上寫部落格

在幾個月以前我還不知道這個世界還有像emacs這樣強大的東西,很多年以前 我就接觸過linux,那時候我還在念大二。那時候對linux沒有很大的感 覺,只是覺得好玩。現在,我發現它是越來越強大。前段時間仔細看了一些人的推薦,在linux這個平台下,你最好能用好一種文 本編輯器。其實,在這之前,我已經...

github上建立部落格

今天玩了一把在github上建自己的部落格,然後嘗試了一下發布文章 首先你要有乙個github的賬號,怎麼註冊略過 這裡注意添你的 使用者名稱 github.com,不然你要用建立分支的方法建立部落格,這個裡詳細的說明,中還有怎麼繫結自己的網域名稱 然後用git上傳你的部落格的內容到倉庫,githu...