利用gitHub+Hexo搭建個人博客

前期準備:
1. 有自己的github賬號;
2. 配置環境:電腦已安裝node ;

hexo
Hexo是一個簡單、快速、強大的基於 Github Pages 的博客發佈工具

官網: http://hexo.io

安裝hexo
第1步:
在自己認爲合適的地方新建文件夾(一般爲自己放code的文件),此文件夾是用於管理自己的博客文檔,打開文件夾,單擊右鍵,選擇git bash,命令行中輸入:

npm install hexo-cli -g

備註:也可不用git bash, win+R 輸入cmd打開命令行也OK

第2步:

hexo init blog

第3步:

cd blog(cd你的文件夾位置 //比如cd [blog] 我的文件夾名字就叫:[blog])

第4步:

npm install

第5步:

hexo server  開啓本地服務器,默認會在http://localhost:4000/打開

打開此鏈接,會出現如下圖所示內容:
這裏寫圖片描述

將hexo與本人github聯繫起來:
具體可參考hexo官網:
hexo官網 –>Docs–> Deployment –>Git

接着上述步驟
第6步:

Ctrl C 關閉本地服務器

第7步:

npm install hexo-deployer-git --save

第8步:
在新建文件夾中的blog裏config.yml裏配置deploy

depploy:
    type:git
    repo:<repositpry url> //github上博客地址,新建repository課命名爲blog,複製blog鏈接到此處
    branch:master
    message:[message] //刪除不寫

注意:config.yml中root的配置(會影響博客只顯示文字 不呈現樣式)

root:blog // 但如果是解析到自己的域名下了,則url和root都默認不寫

第9步:

hexo g  //生成本地發佈文件夾
hexo d  //部署到github上
//也可合併寫成一個步驟:hexo d -g

怎樣編輯文檔發佈自己的博客呢

新建一篇博客,執行下面命令:

hexo new post "article title'

這時候在最初新建文件夾的\source\ _posts 將會看到 article title.md 文件

用編輯器打開就可以編輯文章了。文章編輯好之後,執行

hexo d -g //在部署前先生成

注意:
1. 若提示報錯deloyer not found:git

npm install hexo-deployer-git --save
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章