hexo + GitHub Pages 搭建個人博客

本文記錄在 Windows 平臺下使用 hexo + GitHub Pages 搭建個人博客。并且綁定個人域名。

首先,介紹一下什么是 hexo。下面是 hexo 官方的解釋:

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

安裝 Hexo

首先,確保自己電腦有安裝下列應用程序:

直接去上面兩個鏈接地址下 Node.js 和 git,Windows 平臺的安裝十分簡單,一直 next 就行。安裝 Node.js 時注意勾選 Add to PATH 選項,或者可以選擇使用 Git Bash,它提供了 Linux 風格的 shell,使用命令行來安裝。確保自己電腦安裝上上面應用程序后就可以安裝 hexo。打開 Git Bash(下面的所有命令都是在 Git Bash 里面輸入),輸入下面命令:

npm install -g hexo-cli

經過上面過程后,在我們電腦已經成功安裝 hexo 了。接下來就是建站過程。

建站

hexo init E:/blog
cd E:/blog
npm install
hexo generate
hexo server //完后可以在本地  http://localhost:4000/ 下預覽博客界面
  • 如果 hexo server 提示找不到命令.執行下面命令即可:
npm install hexo -server --save

上述命令在本地 E:/blog 目錄下創建了我們的站點,并且可以在瀏覽器輸入 http://localhost:4000/ 來本地預覽我們的博客,進行到這里,我們已經在本地成果的創建了我們的博客,hexo 的本地默認預覽如圖所示:

進入本地 E:/blog 目錄下,可以看到 hexo 生成了下面的文件結構:

其中我們寫的博客內容就存放在 E:/blog/source/_posts。關于 hexo 的搭建和就說到這里,更多的 hexo 設置等可以參考 hexo 官方文檔,相信比我說的更清楚。

Hexo 文檔

部署到 github

首先,在自己的 github 下創建一個名字為 username.github.io,注意這里的命名格式,例如我創建的倉庫就是 barry-ren.github.io。

這里我們使用 SSH keys 讓本地博客與 github 建立聯系。

生成 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 提交項目時,如果時空,提交時不用輸入密碼,這里我直接空車,沒有輸入。最后,會看看到這樣的圖片,表示成功生成 SSH keys了。如下圖所示:

添加 SSH Keys 到 github

  1. 進入本地 C:/Users/Barry/.ssh 目錄。復制 id_rsa.pub全部內容。

  2. 進入自己的 github 賬戶,選擇 Settings --> SSH and GPG keys --> New SSH keys,將本地復制的 id_rsa.pub 下的內容粘貼到此即可,完后確認,這里會讓你輸入自己 github 賬戶確認一下。

確認是否添加成功:

ssh -T git@github.com

如果成功的話會有如下圖反饋:

部署到 github

在站點目錄 _config.yml 配置文件中,添加下面字段:

deploy:
  type: git
  repo: git@github.com:barry-ren/barry-ren.github.io.git
  branch: master

然后安裝 git 包,執行下面命令:

npm install hexo-deployer-git --save

部署到 github :

hexo deploy

現在我們已經可以通過 http://barry-ren.github.io/ 訪問自己的博客了,自己的個人博客已經順利搭建起來。

綁定域名

現在我們的博客搭建起來后只能通過 github 倉庫地址來訪問,這里我們將綁定自己的專屬域名。域名注冊我選擇了一家國外的公司 name.com 這家來注冊,國內注冊的域名你懂得。關于域名注冊就不多贅述了,值得注意的一點是在 name.com 注冊域名只能通過信用卡或者 PayPal 來付款。

注冊完后登錄,選擇 My Domains,完后選擇自己博客的域名。完后再 DNS Records 中添加兩條 A 記錄,如圖所示:

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

到此為止,我們個人的博客的搭建和域名綁定全部搞定,可以欣賞一下個人博客了:

renzhe.name

  • 轉載請注明出處。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,530評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,407評論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,981評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,759評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,204評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,415評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,955評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,782評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,983評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,222評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,650評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,892評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,675評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,967評論 2 374

推薦閱讀更多精彩內容