Hexo and GitHub Pages 博客搭建

首先安利一下個人博客。

最近沒事想着本身來搭建一個博客，在網上看了一些資料發現，Hexo + GitHub 是目前比較經常使用的博客搭建系統，所以就照着網上的教程一步一步，歷經一天左右的時間搭建了這個我的博客。

想着用博客來記錄本身的學習筆記，但願本身能把寫博客這個習慣堅持下來。

ok，接下來就來看看我是怎麼一步步搭建這個博客的。

基本環境搭建

瞭解 Hexo

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

安裝前提

在安裝Hexo以前咱們須要知道電腦裏有沒有下面的應用程序，若是沒有，點擊安裝，具體安裝方法就不作介紹了；若是有則直接看下一步。

• Node.js
• Git

安裝 Hexo

以上兩個程序安裝成功以後，接下來使用 npm 安裝 Hexo，若是 npm 安裝較慢，可考慮使用淘寶鏡像 cnpm，安裝完 cnpm 以後可將下面全部用到 npm 的地方換爲cnpm。

npm install -g hexo-cli
複製代碼

輸入如下命令檢查 Hexo 是否安裝成功。

hexo --version
複製代碼

若是有版本信息則安裝 Hexo 成功。

開始搭建博客

初始化

Hexo安裝完成以後，用如下命令新建一個文件夾並初始化 Hexo 所需文件。

hexo init <folder_name>
    cd folder_name
    npm install
複製代碼

hexo init過程可能會較慢，請耐心等待。

運行

以上過程結束以後，用以下命令在本地運行咱們的博客。

hexo server
複製代碼

hexo server 能夠簡寫爲 hexo s。

接着咱們用瀏覽器打開 localhost:4000 便可看到咱們搭建的博客。

將博客放入GitHub

博客搭建好以後，咱們在 GitHub 新建一個倉庫，能夠命名爲 your_blog_name.github.io ，之後就能夠直接經過your_blog_name.github.io訪問你的博客了。

請務必將倉庫名設爲xxx.github.io xxx爲你自定義，不然以後會出現不少問題

新建好以後，在你的博客目錄下，即前面提到的 folder_name下，使用以下命令關聯GitHub倉庫。

若是是第一次使用GitHub或者是沒有配置 ssh 可能會要求輸入賬號密碼 ，最好的解決辦法是配置ssh，而後再進行如下操做。

git init
    git remote add origin <遠程倉庫地址>
複製代碼

接着打開主目錄（folder_name）下的 _config.yml配置文件，找到 deploy，進行以下配置：

type: git
    repo: <遠程倉庫地址>
    branch: master
複製代碼

而後安裝如下插件：

npm install hexo-deployer-git --save
複製代碼

而後執行如下命令生成靜態文件：

hexo generate
複製代碼

可簡寫爲 hexo g

最後將文件上傳到GitHub：

hexo deploy
複製代碼

可簡寫爲 hexo d

開啓Pages服務

GitHub上找到咱們的倉庫，點擊右邊的Settings：

下滑找到 GitHub Pages ，點擊 master branch，點擊 save，便可開啓 Pages服務。

點擊GitHub Pages旁邊給出的連接便可訪問你的博客了。

這樣你的博客基本上就搭建成功了，下一篇咱們介紹如何配置和使用Hexo。

你們也能夠參考Hexo官網。