hexo + GitHub Pages 搭建個(gè)人博客

本文記錄在 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 官方文檔,相信比我說的更清楚。

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

  1. 進(jìn)入本地 C:/Users/Barry/.ssh 目錄。復(fù)制 id_rsa.pub全部內(nèi)容。

  2. 進(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è)人博客了:

renzhe.name

  • 轉(zhuǎn)載請注明出處。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容