使用 Github 和 Hexo 搭建自己的獨立博客

我的博客地址:https://supremezjc.github.io

● 入門

Github Pages
Github Pages可以被認爲是用戶編寫的、託管在github上的靜態網頁。使用Github Pages可以爲你提供一個免費的服務器,免去了自己搭建服務器和寫數據庫的麻煩。此外還可以綁定自己的域名。

Hexo
Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。

● 安裝 Node.js

點擊此處訪問官網,按需下載相應版本,默認安裝可以了。
如果不懂可以看我的另一篇文章
nodejs的安裝和配置

在這裏插入圖片描述

● 安裝 Git

點擊此處訪問官網,按需下載相應版本,默認安裝即可

• 檢驗Git是否安裝成功

同時按下 Win 鍵和 R 鍵打開運行窗口,輸入 cmd ,然後輸入以下命令,有相應版本信息顯示則安裝成功,若不正確可以卸載軟件重新安裝,此外若安裝成功,在桌面右鍵鼠標,可以看到菜單裏多了 Git GUI Here 和 Git Bash Here兩個選項,第一個是圖形界面的Git操作,另一個是命令行

 $ git --version  
 $ node -v  
 $ npm -v

在這裏插入圖片描述
在這裏插入圖片描述

● 安裝Hexo

選擇一個磁盤,新建一個文件夾,自己重命名文件夾(如:我的文件夾爲:E\TRHX_Blog),博客相關文件將儲存在此文件夾下,在該文件夾下右鍵鼠標,點擊 Git Bash Here,輸入以下 npm 命令即可安裝,第一個命令表示安裝 hexo,第二個命令表示安裝 hexo 部署到 git page 的 deployer,如圖所示即爲安裝成功

 $ npm install hexo-cli -g  
 $ npm install hexo-deployer-git --save  

在這裏插入圖片描述

• Hexo 初始化配置

在剛纔新建的文件夾裏面再次新建一個 Hexo 文件夾(如:我的文件夾爲:E\TRHX_Blog\Hexo),進入該 Hexo 文件夾右鍵鼠標,點擊 Git Bash Here,輸入以下命令,如圖所示則安裝成功

 $ hexo init

在這裏插入圖片描述
Hexo 安裝完成後,將會在指定文件夾中新建所需要的文件,Hexo 文件夾下的目錄如下:
在這裏插入圖片描述

● 本地查看效果

執行以下命令,執行完即可登錄 http://localhost:4000/ 查看效果

 $ hexo generate  
 $ hexo server  

顯示以下信息說明操作成功:

 INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

在這裏插入圖片描述

● 將博客部署到 Github Pages 上

到目前爲止,我們的本地博客就成功搭建了,但是現在我們只能通過本地連接查看博客,我們要做的是讓其他人也能夠訪問我們的博客,這就需要我們將博客部署到Github Pages上

• 註冊 Github 賬戶

點擊此處訪問 Github 官網,點擊 Sign Up 註冊賬戶

• 創建項目代碼庫

點擊 New repository 開始創建,步驟及注意事項見下圖:

在這裏插入圖片描述

• 配置 SSH 密鑰

只有配置好 SSH 密鑰後,我們纔可以通過 git 操作實現本地代碼庫與 Github 代碼庫同步,在你第一次新建的文件夾裏面(如:我的文件夾爲:E\TRHX_Blog) Git Bash Here 輸入以下命令:

 $ ssh-keygen -t rsa -C "your [email protected]" 
 //引號裏面填寫你的郵箱地址,比如我的是1248164682.qq.com

之後會出現:

 Generating public/private rsa key pair.  
 Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):  
 //到這裏可以直接回車將密鑰按默認文件進行存儲

然後會出現:

 Enter passphrase (empty for no passphrase):  
 //這裏是要你輸入密碼,其實不需要輸什麼密碼,直接回車就行 
 Enter same passphrase again:  

接下來屏幕會顯示:

 Your identification has been saved in /c/Users/you/.ssh/id_rsa.  
 Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.  
 The key fingerprint is:  
 這裏是各種字母數字組成的字符串,結尾是你的郵箱  
 The key's randomart image is:  
 這裏也是各種字母數字符號組成的字符串  

運行以下命令,將公鑰的內容複製到系統粘貼板上

 $ clip < ~/.ssh/id_rsa.pub

• 在 GitHub 賬戶中添加你的公鑰

① 登陸 GitHub,進入 Settings:
在這裏插入圖片描述
② 點擊 SSH and GPG Keys:
在這裏插入圖片描述
③ 選擇 New SSH key:
在這裏插入圖片描述
④ 粘貼密鑰:
在這裏插入圖片描述

• 測試

輸入以下命令:注意:[email protected]不要做任何更改!

 $ ssh -T [email protected]

之後會顯示:
在這裏插入圖片描述
輸入 yes 後會顯示:
在這裏插入圖片描述

• 配置 Git 個人信息

Git 會根據用戶的名字和郵箱來記錄提交,GitHub 也是用這些信息來做權限的處理,輸入以下命令進行個人信息的設置,把名稱和郵箱替換成你自己的,名字可以不是 GitHub 的暱稱,但爲了方便記憶,建議與 GitHub 一致

 $ git config --global user.name "此處填你的用戶名"  
 $ git config --global user.email  "此處填你的郵箱"

到此爲止 SSH Key 配置成功,本機已成功連接到 Github

● 將本地的 Hexo 文件更新到 Github 的庫中

① 登錄 Github 打開自己的項目 your name.github.io
在這裏插入圖片描述
② 鼠標移到 Clone or download 按鈕,選擇 Use SSH
在這裏插入圖片描述
③ 一鍵複製地址
在這裏插入圖片描述
④ 打開你創建的 Hexo 文件夾(如:E:\TRHX_Blog\Hexo),右鍵用記事本(Notepad++或者VS code等都可以)打開該文件夾下的 _config.yml 文件
在這裏插入圖片描述
⑤ 按下圖修改 _config.yml 文件並保存
在這裏插入圖片描述
⑥ 在 Hexo 文件夾下分別執行以下命令

 $ hexo g  
 $ hexo d

或者直接執行

 $ hexo g -d

執行完之後會讓你輸入你的 Github 的賬號和密碼,如果此時報以下錯誤,說明你的 deployer 沒有安裝成功

 ERROR Deployer not found: git

需要執行以下命令再安裝一次:

 npm install hexo-deployer-git --save

再執行 hexo g -d,你的博客就會部署到 Github 上了
⑦ 訪問博客

你的博客地址:https://你的用戶名.github.io,比如我的是:https://supemezjc.github.io ,現在每個人都可以通過此鏈接訪問你的博客了。

在博客中發表文章和申請域名請看我的其他文章。
這裏非常感謝這位博主:https://blog.csdn.net/qq_36759224/article/details/82121420
他寫的非常詳細。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章