之前最開始是瞭解並搭建的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/ ,打開瀏覽器輸入網址,如果看到博客首頁,則成功。
感覺超級超級炫酷!
上傳至GitHub
登錄進入到您自己的GitHub網站首頁,新建一個版本庫(New Repository)
版本庫的名字需是username.github.io的格式,比如我的用戶名是zrxJuly,所以我的版本庫名稱爲zrxJuly.github.io。Description是描述您的版本庫的信息的,也可以不寫。之後直接點擊Create repository就OK了,這樣,GitHub上的版本庫就創建完成。當時我做的時候,在Setting中還設置了githubpages,一直報錯,css樣式顯示不出來,所以先不要在setting中選擇主題了。遠程庫創建告一段落。- 下面回到您自己的本地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樣式就是加載不出來,網上找了很多方法,試了之後,最後終於好了,運行成功那一刻真的是好激動。您若根據我寫的這樣的方法創建過程中有什麼問題的話,可以留言討論^.^