[Git+Hexo]手把手帶你打造你的個人博客

本篇博客也是想記錄一下搭建Github 博客的過程,方便想入坑的新人小夥伴們。纔不是因爲博主時不時就會把自己的博客給刪了
話不多說,直接來上乾貨步驟。我會將一套搭建博客的過程寫在這裏,並在文尾補充幾個搭建博客會遇到的問題。

步驟流程:
一、安裝Node.js 並配置好Node.js 環境,安裝鏈接:Node
Node官網
1.本人用的是Windows10,所以選擇的是“Windows Installer”,大家可以根據自己的電腦系統來選擇下載版本。

2.安裝全部默認即可,環境變量會自動配置。安裝完成後,打開cmd 輸入"node -v" 和"npm -v" 兩條指令。成功界面如下。
node是否安裝成功
2、安裝GIt 和配置Git 環境,下載鏈接:Git 官網
1.本操作可直接參考

Git安裝和使用

安裝成功最直接的顯示就是在右鍵鼠標的時候,會多出來這兩個選項
Git 安裝成功
2.配置環境變量,在cmd 中輸入“git --version”,成功界面如下:
git環境變量成功
三、Github 賬戶註冊和新建項目
1.Github 賬戶註冊參考:如何註冊Github賬號?
2.新建項目,項目必須要遵守格式:賬戶名.github.io,並且需要勾選“Initialize this repository with a README”
我會告訴你我因爲這個弄了半個小時嗎???
新建Github 項目
四、安裝Hexo
1.在E 盤中創建一個blog 文件夾,然後通過cmd 進入到該文件夾裏。安裝位置看個人喜好。
進入blog 文件夾
2.輸入“npm install hexo -g”,來安裝Hexo。
安裝Hexo
3.輸入“hexo -v”,來檢查hexo是否安裝成功
檢查hexo 是否安裝成功
4.初始化hexo,輸入“hexo init” 命令,在初始化過程中如果有一個進度條卡住的話記得按回車。我就說爲什麼我等了十分鐘還沒有往下走!
初始化hexo
初始化完成後,你會在結尾看到一條“Start blogging with Hexo!”,這就代表初始化成功了。

5.輸入“npm install”,安裝hexo 需要的組件
安裝hexo 的組件
6.輸入“hexo g” 和“hexo s” 兩條命令來開啓hexo 的本地靜態網頁,這時候我們可以通過“http://localhost:4000” 來訪問。
靜態頁面
訪問界面
靜態頁面訪問
可以通過“ctrl + c” 來停止靜態頁面服務器。

五、將Hexo 與Github page 關聯起來
1.在blog 文件夾中右擊鼠標打開“Git Bash Here”,接下里讓我們來設置Git 的user name 和user email。
設置user name 和email
user.name “Github 用戶名”
user.email “個人郵箱”

2.與Github 庫綁定密鑰
輸入“ ssh-keygen -t rsa -C “個人郵箱” ”,連續輸入空格,生成密鑰,最後會得到兩個文件:id_rsa 和id_rsa.pub(默認存儲路徑:C:\Users\Administrator.ssh)
創建密鑰
密鑰位置
3.輸入“ eval “$(ssh-agent -s)” ”,添加密鑰到ssh-agent
添加密鑰到ssh-agent
4.輸入“ssh-add ~/.ssh/id_rsa”,添加生成的ssh key 到ssh-agent
添加ssh key
5.打開Github 點擊頭像下的settings,打開SSH and GPG keys 界面,點擊New SSH key 來新建一個key
打開Settings
Github 的密鑰
在Title 中輸入key 的名稱,Key 的文本框中填寫的是id_rsa.pub 文件中的內容,直接複製上去即可。(默認文件路徑:C:\Users\Administrator.ssh)
Github key 創建
6.輸入“ssh -T [email protected]”,來測試ssh 是否添加成功
測試ssh 是否添加成功
7.配置_config.yml 文件,修改repo 值(在文件的末尾)
注意:“type: 、branch: ” 這些冒號後面一定要加空格!!!
配置_config.yml 文件
repo 值是你的Github 項目裏面的ssh,直接複製過來即可。github ssh
六、新建一篇博客
1.在cmd 中執行命令,“hexo new post “博客名稱””
創建博客
在_posts目錄下可以看到已經創建好的博客文件
_posts
2.在生成以及部署文章之前,要安裝一個擴展。在cmd 中輸入“npm install hexo-deployer-git --save”
安裝擴展
後面的警告是因爲安裝的系統是Windows,所以可以忽略。

七、訪問博客
1.在Git Bash Here 中輸入“hexo d -g”,生成及部署服務器。
hexo d -g
到這裏,漫長的博客安裝終於要進行收尾了。接下來就是最激動人心的時候了,訪問你的博客!!!
在瀏覽器中訪問你的地址:http://用戶名.github.io
博客訪問
這時候,你將看到你的簡潔明瞭的博客主頁了!!!


本篇參考文章:https://www.jianshu.com/p/4f56cf990bba
十分感謝本篇文章的作者!!!
在這裏插入圖片描述
好了,本次的手把手帶你打造博客之旅到此爲止了~~~
如果還想看到更多有趣好玩的知識的話,麻煩點個關注吧!!!
我們下篇再見~

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