前提不再贅述:
1、有github賬戶
2、安裝node js
3、本地安裝了git (安裝後進行config --global初始配置,包括建立上傳ssh key到github賬戶)
正式開始:
1、先進入本地與github關聯的倉庫目錄下,我的是 /f/git_repository/,建立 myBlog目錄
打開git bash指令工具 cd /f/git_repository/myBlog
2、初始化 $ hexo init
3、生成靜态頁面 初始化完成之後,就已經生成一篇“hello word”的文章了,現在執行以下指令把文章編譯為靜态頁面: $ hexo generate
4、本地啟動 把文章變為頁面之後,可以執行以下指令,本地啟動服務,在浏覽器中輸入http://localhost:4000/檢視生成的頁面效果 hexo server
這時開始出現了問題執行指令hexo server,提示:Usage: hexo …. 提示找不到該server指令 解決方法,在Hexo 3.0 後server被單獨出來了,需要安裝server,安裝此server後再試,問題解決。安裝的指令如下(我用git bash執行報錯了,切換到win cmd執行成功): npm install hexo-server –save
4、重新編譯啟動,執行:hexo server,啟動了服務,在浏覽器輸入本地位址通路,看到白闆和Cannot GET / 幾個字
在Hexo部落格中,出現Cannot GET/xxx錯誤便意味着xxx檔案未被找到。Cannot GET/xxx錯誤本質是hexo server傳回的一個404錯誤。
開始查找原因 網上說是由于2.6以後就更新了,我們需要手動配置些東西,我們需要輸入下面三行指令:
npm install hexo-renderer-ejs--save
npm install hexo-renderer-stylus--save
npm install hexo-renderer-marked--save
三條指令執行完這時候重新啟動本地服務再通路還是不行
是以,繼續排查方式如下:
1.判斷public目錄下xxx檔案是否存在。 (我的錯誤是 Cannot GET /,是以在public目錄下尋找index.html是否存在。)
2.如果說index.html不存在,那麼執行hexo c,hexo g重新生成一次,回到步驟1。
3.步驟2執行完後index.html仍不存在,執行npm audit fix,檢視是否少了什麼元件,通過npm install hexo-xxx-xxx 安裝即可。 $ npm audit fix
(我的hexo缺少了hexo-generator-archive等元件,是以執行npm install hexo-generator-archive …即可)。 npm install hexo-generator-archive
4.步驟3完成之後,執行hexo clean,hexo g重新生成靜态檔案。 5、再次啟動 hexo server 通路http://localhost:4000/ 終于成功,顯示的是一個預設界面
自定義美化 1、切換主題
[email protected] MINGW64 /f/git_repository/myBlog
$ git clone https://github.com/iissnan/hexo-theme-next.git themes/next
Cloning into 'themes/next'...
remote: Enumerating objects: 12033, done.
remote: Total 12033 (delta 0), reused 0 (delta 0), pack-reused 12033
Receiving objects: 100% (12033/12033), 12.95 MiB | 547.00 KiB/s, done.
Resolving deltas: 100% (6966/6966), done.
2、切換主題後進行一些自定義美化設定
3、利用hexo-admin工具進行管理、釋出文章等
$ npm install --save hexo-admin
最終部署
部署到github前需要修改根目錄_config.yml,不然會出現通路github pages網頁隻有文字沒有樣式的情況
具體可以參考這個文章 hexo + github pages搭建部落格樣式加載不出來
添加評論元件
評論元件選用了南韓的來比力,詳情參考了這篇文章:
Hexo-NexT主題添加評論功能(來必力、Hypercomments、暢言、友言)
版權聲明:本文為CSDN部落客「weixin_34401479」的原創文章,遵循CC 4.0 BY-SA版權協定,轉載請附上原文出處連結及本聲明。
原文連結:https://blog.csdn.net/weixin_34401479/article/details/92500814