通過github搭建個人部落格

2022-03-20 14:40:50 字數 1282 閱讀 7594

今天突發奇想,想用github搭建乙個個人部落格,就大概學習了一下,特此記錄。

搭建也是非常簡單,首先註冊個github賬號,然後新建乙個repository,命名為「你的github名字.github.io」,比如我的就是

為什麼要這麼起名字?人家規定的。

接下來,我們可以看看官方文件是怎麼說的,看完就明白了。

官方例子是這樣:

(3) 進入倉庫目錄,建立網頁入口檔案

cd username.github.io

echo

"hello world

" > index.html

(4)提交**

git add --all

git commit -m "

initial commit

"git push -u origin master

這樣訪問就是看到網頁「hello world」,是不是很簡單?

可是這樣的頁面太low了,自己又不會設定樣式咋整?別著急,有官方推薦的jekyll,這玩意又是啥?

jekyll是乙個簡單的免費的blog生成工具,將純文字轉化為靜態**和部落格;由於咱們的github pages生成的是靜態頁面,每次更新部落格都需要手動更改html,這就使得每次寫部落格都變得很麻煩,而用了這個工具以後,它會根據預先設定好的格式來生成部落格內容,你就無需關心html**,只需要把重心放在部落格的寫作上。

檔案目錄的一些介紹如下:

簡單了解即可,可是讓自己從頭寫太麻煩了,別擔心,有大神,大神設計好了很多模板供你選擇:

jekyllthemes

這裡推薦乙個大神的,樣式我比較喜歡,

fork一下,改改內容,就可以了,很簡單,人家的說明很詳細,讀一下readme.md,我fork完就是這樣:

然後clone下來,按照要求改改配置檔案即可。改完傳上去,萬事俱備,我的效果如下:

內容還是人家的,還沒替換,要是想換成自己的網域名稱,可以參考:

參考

Hexo 搭建github個人部落格

主要有一下幾個指令 hexo new n 寫文章 hexo generate g 把文章生成頁面 hexo server s 啟動本地服務除錯 hexo deploy d 部署到github 可與hexo g合併為 hexo d g 如果喜歡以官方教程為主的,點這裡 hexo官方文件 因此以下教程是...

mac 使用Github搭建個人部落格

環境搭建 下搭建hexo部落格教程 發布及部落格風格設定 markdown語法 部落格主題及風格 github上的主題 可以在上面找到自己喜歡的 布局很好的乙個部落格推薦 高階設定 設定文章分類 設定文章目錄 hexo搭建部落格說明 如何新增目錄?解決頭像設定不成功問題 滑鼠放置在小房子圖示上沒反應...

使用Hugo搭建GitHub個人部落格

hugo官方主頁 本例以widows為例設定hugo執行環境變數,如需更詳細的windows macosx的步驟說明,請移步至官網 installation on os x installation on windows 在本地電腦上建立以下檔案目錄 檔案路徑隨意 d github hugo bin...