天天看點

hexo+GitHub搭建個人部落格前期安裝部署

現在有很多更新部落格的平台,但是會受到各種限制,關鍵詞限制、廣告限制等等。其實搭建一個自己個人部落格也是非常好的選擇,相對來說比較自由。自己購買域名和伺服器的話,搭建成本相對較高,而且還需要定期維護,顯然對我們個人來說不是很合适。

還有一種很好的選擇就是通過hexo部落格架構,在GitHub平台托管我們的部落格,這種方式不需要定期維護,十分舒服。

大家可以看一下我的,作為參考

位址:

http://JingYu1205.github.io (點選這裡→)靜Yu的個人部落格
hexo+GitHub搭建個人部落格前期安裝部署
看完了我的部落格,你是不是也想搭建屬于自己的一個部落格呢,跟着我繼續學習,你一定可以完成的。

前期部署

什麼是hexo?

Hexo 是一個快速、簡潔且高效的部落格架構。Hexo 使用Markdown(或其他渲染引擎)解析文章,在幾秒内,即可利用靓麗的主題生成靜态網頁。

安裝Git

什麼是Git

Git是目前世界上最先進的分布式版本控制系統,可以有效、高速地處理從很小到非常大的項目版本管理。也是Linus Torvalds為了幫助管理Linux核心開發而開發的一個開放源碼的版本控制軟體。Git也是你部落格平台的管理工具,後期對部落格的設定管理都是通過Git,大家可以深入的上網了解一下Git,在這裡不是介紹的重點,是以我就不多贅述了,我們直奔主題。

Git的下載下傳

Windows系統:到Git官網下載下傳,Git官網,

Linux系統:隻需要簡單的一行指令代碼

sudo apt-get install git      

windows系統安裝步驟

1.如圖所示,在官網中點選Downloads下載下傳,

hexo+GitHub搭建個人部落格前期安裝部署

2.根據電腦位數,選擇64bit還是32bit,現在的電腦一般是64位

hexo+GitHub搭建個人部落格前期安裝部署

3.下載下傳完成後,找到自己下載下傳的安裝包開始安裝。

hexo+GitHub搭建個人部落格前期安裝部署

4.一路點選next就行,有一步是選擇安裝路徑的,預設是C槽想換路徑的話,自己可以更改。

5.安裝完成之後,可以在桌面右擊滑鼠,選擇Git Base Here,

輸入git --version,檢視安裝的版本。如圖是我安裝的版本。

hexo+GitHub搭建個人部落格前期安裝部署

安裝node.js

什麼是node.js?

簡單的說 Node.js 就是運作在服務端的 JavaScript。

Node.js 是一個基于Chrome JavaScript 運作時建立的一個平台。

Node.js是一個事件驅動I/O服務端JavaScript環境,基于Google的V8引擎,V8引擎執行Javascript的速度非常快,性能非常好。

node.js下載下傳

位址:曆史版本

建議版本不要過高,後期安裝hexo的時候可能會出現不相容的問題,我用的版本是14.18.1,不建議選擇更高的版本了。

hexo+GitHub搭建個人部落格前期安裝部署

要選擇字尾為.msi的,可以像安裝軟體一樣,不需要部署環境變量。我安裝的就是這個,是以不介紹環境變量配置了。

hexo+GitHub搭建個人部落格前期安裝部署

node.js的安裝步驟

因為我的電腦已經安裝過了,顯示這個頁面。你安裝的時候隻需一路點選next,在選擇安裝路徑的時候注意一下。記住自己的安裝路徑。

hexo+GitHub搭建個人部落格前期安裝部署

安裝hexo

在安裝hexo之前檢測一下node是否安裝成功,

在電腦桌面右鍵滑鼠,打開Git Bash Here,輸入node -v 和 npm -v都傳回版本号,如圖:

hexo+GitHub搭建個人部落格前期安裝部署

現在開始安裝淘寶鏡像源

npm install -g cnpm --registry=http://registry.npm.taobao.org      

如果安裝過程中出現錯誤,沒關系不要着急,可能是連接配接不穩定網絡原因導緻的,多嘗試幾次就好了。還有需要注意的是鏡像代碼中的空格,可以直接複制我的代碼。

通過cnpm 和cnpm -v檢測,傳回版本資訊,如果顯示出自己的版本号就是安裝成功了,進入到下一步。

cnpm install -g hexo -cli      

如果失敗的話還是多試幾次,安裝之後還是檢測一下是否安裝成功。

hexo -v      

傳回版本資訊,如圖

hexo+GitHub搭建個人部落格前期安裝部署