基於windows平臺Git+GitHub+Hexo搭建個人博客(一)

之前最開始是瞭解並搭建的jekyll框架,然後又從網上百度了一下,很多博客都支持Hexo,覺得Hexo更好用一些,也有很多支持jekyll的,自己確實不知道是jekyll和Hexo哪個更好用一些,所以又搭建了一下Hexo的環境。
我在這裏對我自己的操作步驟進行總結了一下,教程也可以參考Hexo官方文檔,寫的比較詳細。

什麼是Hexo?

簡單來說, Hexo是一款快速、簡易、強大的基於Node.js的靜態博客框架,支持Markdown語法。在安裝Hexo之前,必須得安裝Node.js。
下面就介紹一下搭建的步驟。當然,在此之前,您已經申請了GitHub賬號以及本地已經安裝了Git。

安裝Node.js

node.js的安裝過程可以參考菜鳥教程,步驟很詳細。
安裝完成之後,可以測試一下是否安裝成功:打開cmd,輸入

node -v

出現版本信息則證明安裝成功。

安裝Hexo

Node安裝完成後,就開始安裝Hexo。
在cmd命令行下,輸入

npm install -g hexo-cli

回車,安裝可能會有些慢,請耐心等待。安裝成功後,輸入

hexo version

回車,出現版本信息則安裝成功。

創建一個博客

新建一個文件夾myblog(作爲博客項目的名字,可以隨便起),我這裏建在了E盤。cmd命令進入剛纔新建的文件夾下,輸入

hexo init //初始化博客項目

回車,初始化過程中也請耐心等待。
初始化完成後,輸入

npm install

回車,myblog文件夾下會生成如下目錄:

博客目錄

hexo generate //生成靜態文件,也可輸入 hexo g

完成後,輸入:

hexo server //啓動本地服務,也可輸入 hexo s

默認本地服務的網址爲http://localhost:4000/ ,打開瀏覽器輸入網址,如果看到博客首頁,則成功。
blog首頁

感覺超級超級炫酷!


上傳至GitHub

  1. 登錄進入到您自己的GitHub網站首頁,新建一個版本庫(New Repository)

    newRepository
    版本庫的名字需是username.github.io的格式,比如我的用戶名是zrxJuly,所以我的版本庫名稱爲zrxJuly.github.io。Description是描述您的版本庫的信息的,也可以不寫。之後直接點擊Create repository就OK了,這樣,GitHub上的版本庫就創建完成。當時我做的時候,在Setting中還設置了githubpages,一直報錯,css樣式顯示不出來,所以先不要在setting中選擇主題了。遠程庫創建告一段落。

  2. 下面回到您自己的本地myblog文件夾下,用編輯器打開名爲_config.yml的文件,找到deploy配置項,將內容改爲:
deploy:
  type: git #注意 : 後邊一定要加空格,下同。 
  repository: git@github.com:username/username.github.io.git
  branch: master #分支名稱

代碼塊第三行repository的地址來源:您剛創建遠程庫的地址

修改完成後,再修改一個地方,還是在_config.yml文件下,找到URL部分,將url和root如下設置:

url: https://username.github.io 
root: /

url修改也可參考Hexo的中文文檔
保存文件並關閉。
3. 本地myblog文件夾下,在這裏打開GitBash(右鍵—->GitBash Here),輸入以下命令回車:

npm install hexo-deployer-git --save #不執行此命令無法deploy到遠程。

運行完後,輸入:

hexo g //重新生成靜態文件

回車。基礎步驟完成後,將本地創建的博客deploy到遠程,發佈到GitHub上:

hexo d #也可寫爲hexo deploy

完成後,瀏覽器中輸入您剛纔設置的url:https://username.github.io 若和本地打開頁面一樣則成功。
對於大神來說,很快地就會搭完,so easy的。我想說,搭個博客好心酸,不過這樣自己一總結感覺好簡單,但是中間就是愛出很多問題,比如deploy到遠程的時候,本地是沒有一點問題的,但是遠程css樣式就是加載不出來,網上找了很多方法,試了之後,最後終於好了,運行成功那一刻真的是好激動。您若根據我寫的這樣的方法創建過程中有什麼問題的話,可以留言討論^.^

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