天天看點

使用github+hexo搭建自己的個人部落格

前提不再贅述:

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

使用github+hexo搭建自己的個人部落格

(我的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/ 終于成功,顯示的是一個預設界面

使用github+hexo搭建自己的個人部落格

自定義美化 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+hexo搭建自己的個人部落格

最終部署

    部署到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