本文記錄在 Windows 平臺下使用 hexo + GitHub Pages 搭建個(gè)人博客。并且綁定個(gè)人域名。
首先,介紹一下什么是 hexo。下面是 hexo 官方的解釋:
Hexo 是一個(gè)快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。
安裝 Hexo
首先,確保自己電腦有安裝下列應(yīng)用程序:
直接去上面兩個(gè)鏈接地址下 Node.js 和 git,Windows 平臺的安裝十分簡單,一直 next 就行。安裝 Node.js 時(shí)注意勾選 Add to PATH 選項(xiàng),或者可以選擇使用 Git Bash,它提供了 Linux 風(fēng)格的 shell,使用命令行來安裝。確保自己電腦安裝上上面應(yīng)用程序后就可以安裝 hexo。打開 Git Bash(下面的所有命令都是在 Git Bash 里面輸入),輸入下面命令:
npm install -g hexo-cli
經(jīng)過上面過程后,在我們電腦已經(jīng)成功安裝 hexo 了。接下來就是建站過程。
建站
hexo init E:/blog
cd E:/blog
npm install
hexo generate
hexo server //完后可以在本地 http://localhost:4000/ 下預(yù)覽博客界面
- 如果
hexo server提示找不到命令.執(zhí)行下面命令即可:
npm install hexo -server --save
上述命令在本地 E:/blog 目錄下創(chuàng)建了我們的站點(diǎn),并且可以在瀏覽器輸入 http://localhost:4000/ 來本地預(yù)覽我們的博客,進(jìn)行到這里,我們已經(jīng)在本地成果的創(chuàng)建了我們的博客,hexo 的本地默認(rèn)預(yù)覽如圖所示:

進(jìn)入本地 E:/blog 目錄下,可以看到 hexo 生成了下面的文件結(jié)構(gòu):

其中我們寫的博客內(nèi)容就存放在 E:/blog/source/_posts。關(guān)于 hexo 的搭建和就說到這里,更多的 hexo 設(shè)置等可以參考 hexo 官方文檔,相信比我說的更清楚。
部署到 github
首先,在自己的 github 下創(chuàng)建一個(gè)名字為 username.github.io,注意這里的命名格式,例如我創(chuàng)建的倉庫就是 barry-ren.github.io。
這里我們使用 SSH keys 讓本地博客與 github 建立聯(lián)系。
生成 SSH keys:
$ ssh-keygen -t rsa -C "你的郵件地址"
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/Barry/.ssh/id_rsa):
//這里直接按回車就好
完后會讓你輸入密碼,這里輸入的密碼用于往 github 提交項(xiàng)目時(shí),如果時(shí)空,提交時(shí)不用輸入密碼,這里我直接空車,沒有輸入。最后,會看看到這樣的圖片,表示成功生成 SSH keys了。如下圖所示:

添加 SSH Keys 到 github
進(jìn)入本地
C:/Users/Barry/.ssh目錄。復(fù)制id_rsa.pub的全部內(nèi)容。進(jìn)入自己的 github 賬戶,選擇 Settings --> SSH and GPG keys --> New SSH keys,將本地復(fù)制的
id_rsa.pub下的內(nèi)容粘貼到此即可,完后確認(rèn),這里會讓你輸入自己 github 賬戶確認(rèn)一下。
確認(rèn)是否添加成功:
ssh -T git@github.com
如果成功的話會有如下圖反饋:

部署到 github
在站點(diǎn)目錄 _config.yml 配置文件中,添加下面字段:
deploy:
type: git
repo: git@github.com:barry-ren/barry-ren.github.io.git
branch: master
然后安裝 git 包,執(zhí)行下面命令:
npm install hexo-deployer-git --save
部署到 github :
hexo deploy
現(xiàn)在我們已經(jīng)可以通過 http://barry-ren.github.io/ 訪問自己的博客了,自己的個(gè)人博客已經(jīng)順利搭建起來。
綁定域名
現(xiàn)在我們的博客搭建起來后只能通過 github 倉庫地址來訪問,這里我們將綁定自己的專屬域名。域名注冊我選擇了一家國外的公司 name.com 這家來注冊,國內(nèi)注冊的域名你懂得。關(guān)于域名注冊就不多贅述了,值得注意的一點(diǎn)是在 name.com 注冊域名只能通過信用卡或者 PayPal 來付款。
注冊完后登錄,選擇 My Domains,完后選擇自己博客的域名。完后再 DNS Records 中添加兩條 A 記錄,如圖所示:

其中的 Answer 字段的 151.101.24.133 通過 ping uername.github.io 獲得,如圖:

到此為止,我們個(gè)人的博客的搭建和域名綁定全部搞定,可以欣賞一下個(gè)人博客了:
- 轉(zhuǎn)載請注明出處。