正常都應該講一講為什麼搭建部落格,不過既然您能看見這篇文章,就說明你想搭建一個自己的部落格,無論自己記錄自己的東西,或是為了顯得高大上。那就不廢話了,進入正題。
其實教大家搭建部落格的文章很多,講的都不錯,本來不打算寫的,不過既然搭建了,正好剛學會就換了個電腦,還需從頭搭建一邊,就順便寫個記錄下,權當第一篇部落格了。正式進入正題,哈哈哈哈哈!!!
我的部落格是基於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,選擇左邊的就好了,然後一路安裝。
##安裝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,能看到如下頁面
問題: 執行 hexo server 提示找不到該指令 解決辦法: 在 Hexo 3.0 後 server 被單獨出來了,需要安裝 server,安裝的命令如下:npm install hexo -server --save
複製程式碼
安裝此 server 後再試,問題解決
再次感謝吳小龍同學