Hexo搭建GitHub部落格--初級(一)
簡介
由於平時自己喜歡記錄開發筆記,寫一些部落格,但是總想自己搭建屬於自己的部落格,在網上查閱了一下,發現 ofollow,noindex">Hexo 在GitHub或者是碼雲上搭建部落格非常給力。
接下來讓我們一起進入 Hexo 搭建部落格學習吧。

Hexo.png
Hexo
什麼是Hexo?
Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown (或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
當我們在遇到一個新東西的時候,進入其官網能幫助我們解決很多問題。關於什麼是Hexo?還有一些關於Hexo的問題,大家進入 Hexo官網 進行檢視,這裡我就不多說咯。
如何使用
我們在使用Hexo之前需要準備一些東西,也就是需要安裝一些我們必需的。
安裝
安裝所需
安裝 Hexo 相當簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應用程式:
- Node.js
- Git
- cnpm 如果
npm
執行出錯就安裝cnpm
國內映象
如果沒有安裝那麼就需要安裝咯,大家可以看看Vue-cli專案建立如何檢查 Node.js 、 Git 和cnpm
是否安裝成功。
安裝Hexo
所有必備的應用程式安裝完成後,即可使用 npm或者cnpm 安裝 Hexo。
開啟Git Bash here,輸入:
$ npm install -g hexo-cli 或者 $ cnpm install -g hexo-cli
檢查是否安裝Hexo完成,查詢是否成功,顯示hexo-cli 版本就說明成功了
$ hexo -V
建站
安裝一切所需的程式後,我們可以開始建站了,就是建立我們的部落格,大家也可以進入 建站官網 檢視。
新建一個資料夾,來管理我們的部落格專案,請執行下列命令,Hexo 將會在指定資料夾中新建所需要的檔案。
執行命令
$ hexo init <folder> $ cd <folder> $ cnpm install
-
注:<folder>是表示建站的部落格專案名
開啟Git Bash here,輸入:
$ hexo init myblog

建站.png
$ cd myblog $ cnpm install

建站完成.png

myblog目錄.png
訪問URL
我們可以執行看看Hexo是什麼樣的
$ hexo server 或者 $ hexo s

執行.png
訪問URL
http://localhost:4000/

訪問.png
好了,到這裡你已經學會了通Hexo然後建立部落格了,接下來我們將會分析如何將我們的部落格上傳到我們的GitHub伺服器上呢?
我們如何修改我們的部落格讓我們的部落格漂亮而且修改不同的主題來美化我們的部落格呢?
緊跟著腳步。
上傳到GitHub伺服器
GitHub建立repositories
進入 GitHub官網 中瀏覽器輸入 https://github.com/
,如果還沒有賬號就建立一個賬號就好了,這裡不教大家怎麼註冊賬號了。登入自己的賬號。直接new repositories 或者進入You repositories 在new repositories

repository_1.png

repository_2.png
進入到建立 repositories 頁面來,這裡很重要,一定要注意哦!必須將新建的repository的名字為: You account name
.github.io。其他預設就好了

repository_3.png

repository_4.png
配置
GitHub的Repository建立好後。我們在回到本地的Hexo的Myblog專案中,我們用程式碼編輯器工具開啟,我這裡用的是 Webstorm ,找到在專案的根目錄下 _config.yml 找到 deploy 標籤

_config.yml.png
在該檔案下面新增
- 注:
repository: https://github.com/eirunye/eirunye.github.io.git
是自己剛剛建立You account name.github.io 的repository,在Clone with HTTPS
裡面,複製貼上就好咯。冒號後面記得空格哦。branch
後面是master
就好了。
deploy: type: git repository: https://github.com/eirunye/eirunye.github.io.git #複製過來 branch: master

_config.yml_0.png

_config.yml_repository.png
_config.yml
找到
url
進行修改為:
url: http://eirunye.github.io # eirunye是我的賬號,修改為自己的賬號
部署
到這裡就差不到了,接下來我們需要執行一些命令,將我們的部落格部署到GitHub上了,驚喜將會到來了。
開啟Git Bash Here進入myblog 根目錄下,首先我們需要安裝一下 hexo-deployer-git 不然可能出現錯誤無法部署成功。
$ cnpm install hexo-deployer-git --save
然後在執行以下命令
$ hexo clean $ hexo generate $ hexo deploy
或者簡寫方式
$ hexo clean $ hexo g $ hexo d
部署成功如下顯示

部署成功.png
測試
我們進行訪問 https://eirunye.github.io/
和 http://localhost:4000/
一樣的頁面說明是已經成功。

部署成功1.png
總結
我們已經從如何使用Hexo到部署上GitHub上,沒什麼困難,需要我們對一些命令列的操作,還有一些需要我們必須注意的,一定要小心,不然就出錯了。
當然了,我們這裡只是教會大家如何使用Hexo,和部署到GitHub上,我們還未對Hexo進行一些我們對於部落格的美化,還有修改成為自己獨特風格的部落格。希望我們繼續加油吧。接下來的我們將在下一章講到哦,請檢視 Hexo搭建GitHub部落格--初級(二) 。