基於github和hexo搭建部落格 本地hexo部落格搭建

宋寶康發表於2017-12-13

正常都應該講一講為什麼搭建部落格,不過既然您能看見這篇文章,就說明你想搭建一個自己的部落格,無論自己記錄自己的東西,或是為了顯得高大上。那就不廢話了,進入正題。

其實教大家搭建部落格的文章很多,講的都不錯,本來不打算寫的,不過既然搭建了,正好剛學會就換了個電腦,還需從頭搭建一邊,就順便寫個記錄下,權當第一篇部落格了。正式進入正題,哈哈哈哈哈!!!

我的部落格是基於github和hexo搭建的,至於為什麼這麼配置呢?網上這個教程很多,so...你曉得。在這裡要非常感謝吳小龍同學手把手教你建github技術部落格by hexo,差不多就是按照他的這個文章,搭建起來的。

#第一步 環境準備 ##安裝 Git #####windows系統的: 下載 msysgit 並執行即可完成安裝。

#####MAC: 用來將本地Hexo內容提交到Github上。Xcode自帶Git,這裡不再贅述。如果沒有Xcode可以參考Hexo官網上的安裝方法。也可以通過在這裡下載git-scm.com/download/ma…

##安裝Node.js 要使用hexo,需要先下載Node.js,選擇左邊的就好了,然後一路安裝。

Node.js

##安裝Hexo

利用 npm 命令即可安裝。

#####windows:

在任意位置點選滑鼠右鍵,選擇Git bash

npm install -g hexo
複製程式碼

問題: npm ERR! registry error parsing json 錯誤 可能需要設定 npm 代理,執行命令

npm config set registry http://registry.cnpmjs.org
複製程式碼

hexo:command not found 刪除剛剛安裝的 npm 目錄,重新執行命令:

npm install -g hexo
複製程式碼

來安裝 hexo。

#####mac:

終端執行如下命令:

$ sudo npm install -g hexo
複製程式碼

輸入管理員密碼(Mac登入密碼)即開始安裝 (sudo:linux系統管理指令

注意坑一:Hexo官網上的安裝命令是$ npm install -g hexo-cli ,安裝時不要忘記前面加上sudo ,否則會因為許可權問題報錯。

##初始化HEXO

#####windows: 安裝完成後,在你喜愛的資料夾下(如 H:\hexo),執行以下指令(在 H:\hexo 內點選滑鼠右鍵,選擇 Git bash),Hexo 即會自動在目標資料夾建立網站所需要的所有檔案。

hexo init blog
複製程式碼

blog是你建立的資料夾名稱 安裝依賴包

npm install
複製程式碼

#####mac:

終端cd到一個你選定的目錄,執行hexo init命令:

$ hexo init blog
複製程式碼

blog是你建立的資料夾名稱。cd到blog資料夾下,執行如下命令,安裝npm:

$ npm install
複製程式碼

#####本地部落格就搭建好了!!!!! 執行如下命令,開啟hexo伺服器:

hexo generate
hexo server
複製程式碼

此時,瀏覽器中開啟網址http://localhost:4000,能看到如下頁面

image.png
問題: 執行 hexo server 提示找不到該指令 解決辦法: 在 Hexo 3.0 後 server 被單獨出來了,需要安裝 server,安裝的命令如下:

npm install hexo -server --save
複製程式碼

安裝此 server 後再試,問題解決

再次感謝吳小龍同學

相關文章