Hexo+github搭建我的博客－環境搭建篇

. 1、概述

咱們使用Hexo + Github搭建我的博客，咱們天然不能錯過，事不宜遲，咱們如今立馬來認識一下，他們到底是何方神聖吧。

1.1 關於 GitHub

1.1.1 Github

接觸編程一段時間後，相信你們都會開始瞭解到版本控制，如SVN、HG。是的，Github是一個知名的 分佈式版本控制系統 以及 開源代碼庫。

在本次博客搭建中，也是須要你們可以具有必定的Git版本控制知識的。你們放心，後文會對必須用到的命令進行講解，但若是你想要對它有更詳細的認知，能夠在空餘的時候參考如下連接：

連接: github

1.1.2 Github Pages

在Github裏面，每個項目都擁有它的一個主頁，列出項目的源文件，可是對於新手來講，看到那麼多的源代碼，只會讓人感到頭暈腦脹，無從下手，他更但願的是，該項目有一個簡明易懂的頁面，告訴他每一步要怎麼去作。
所以，Github就設計了Github Pages這個功能，容許用戶自定義項目首頁，用來替代默認的源碼列表。因此，Github Pages能夠被認爲是用戶編寫的、託管在github上的靜態網頁。
有的用戶說，我前端渣渣，這個功能對我來講，並無什麼卵用，還不如用個記事本寫好上傳給你們看。Github彷佛早就考慮到了這一點，設計了幾個漂亮的模版供用戶直接選擇使用。

連接：點擊訪問

而咱們也正是利用了Github Pages這一個特性，去搭建屬於咱們的我的博客。

1.2 關於 Hexo

按照官網的說法，Hexo是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

連接：hexo

1.3 Hexo + Github

經過上面的介紹，你們對Hexo和Github已經有了大概的瞭解。
沒錯，咱們的方式就是，利用Markdown進行博客的編寫，經過Hexo這個框架解析生成靚麗的靜態頁面，而後部署到Github上供你們瀏覽。
這種方法具有好處是:

• 免費，無限流量。
• 享受git的版本管理功能，不用擔憂文章遺失。
• 專一於咱們本身的博客內容，其餘諸如服務器管理的事情交給Github便可

固然啦，萬事有利有弊。這種方式也有它的弊端:

• 有必定技術門檻，你必需要懂一點git和網頁開發。
• 生成的是靜態網頁，添加動態功能必須使用外部服務，好比評論功能咱們使用多說。
• 不適合大型網站，由於沒有用到數據庫，每運行一次都必須遍歷所有的文本文件，網站越大，生成時間越長。

可是，這已經基本知足咱們的基本需求了。

. 2、環境搭建

說了那麼多，終於到正文啦！

本文將以 windows系統 和 Hexo 3.1.1 爲例進行講解。

2.1 環境搭建 - Git

下載地址: 點擊下載

如圖，根據你的系統點擊下載相應平臺的Git進行安裝，這裏咱們以windows系統 爲例，天然選擇的是windows

sihai

下載而且安裝完成後，打開終端執行如下命令進行驗證

$ git --version

若是終端輸出相似下面的內容，說明安裝成功了

git version 2.3.2 (windows Git-55)

2.2 環境搭建 - NodeJS

下載地址: 點擊下載

如圖，根據你的系統點擊下載相應平臺的NodeJS進行安裝，在release中選擇相應的版本安裝

sihai

windows中安裝比較簡單，會自動的設置好環境變量，因此只要把下載下來的安裝包解壓，運行.exe文件安裝便可！

2.3 環境搭建 - Hexo

1> 執行如下命令進行Hexo框架的基本安裝

$ npm install hexo-cli -g

2> 安裝便於自動部署到Github上的插件

$ npm install hexo-deployer-git --save

3> 安裝atom生成插件，便於感興趣的小夥伴們訂閱

$ npm install hexo-generator-feed --save

4> 安裝博客首頁生成插件

$ npm install hexo-generator-index --save

5> 安裝歸檔生成插件

$ npm install hexo-generator-archive --save

6> 安裝tag生成插件

$ npm install hexo-generator-tag --save

7> 安裝category生成插件

$ npm install hexo-generator-category --save

8> 安裝Sitemap文件生成插件

$ npm install hexo-generator-sitemap --save

9> 安裝百度Sitemap文件生成插件，由於普通的Sitemap格式不符合百度的要求

$ npm install hexo-generator-baidu-sitemap --save

. 3、結束語

至此，關於利用Hexo + Github 搭建我的博客所須要的基本環境已經準備完畢。

最後，若是你們想要查看經過Hexo + Github搭建的博客的最終效果的話，能夠訪問： cy的美好生活