Hexo靜態博客搭建教程

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。生成靜態網頁能夠託管在github。下面簡單介紹一下hexo的安裝部署步驟，以避免新手或從新配置時走彎路。    

1.安裝Git

官方下載地址：https://git-scm.com/

 下載 並執行默認安裝 便可完成安裝。

2.安裝Node.js

在 Windows 環境下安裝 Node.js 很是簡單，僅須下載安裝文件並執行便可完成安裝。這裏我下載的是V4.4.1LTS 

3.安裝hexo

利用 npm 命令便可安裝。（在任意位置點擊鼠標右鍵，選擇Git bash）

1	npm install -g hexo

能夠經過一下命令查看hexo的版本

1 2 3 4 5 6 7 8 9 10 11 12 13

$ hexo version hexo: 3.2.0 hexo-cli: 1.0.1 os: Windows_NT 10.0.10586 win32 x64 http_parser: 2.5.2 node: 4.4.1 v8: 4.5.103.35 uv: 1.8.0 zlib: 1.2.8 ares: 1.10.1-DEV icu: 56.1 modules: 46 openssl: 1.0.2g

3.1建立Hexo文件夾

安裝完成後，在合適的磁盤內新建一個文件夾做爲博客目錄  （如E:\Hexo），執行如下指令(在E:\Hexo文件夾內點擊鼠標右鍵，選擇Git bash，注意後面的命令都是在此文件夾內執行的  )，Hexo 即會自動在目標文件夾創建網站所須要的全部文件。

1

hexo init

固然也能夠在上面的命令後方加上文件夾的路徑，這樣就不用像上面同樣先新建文件夾了。

3.2安裝依賴包

1	npm install

3.3本地查看

如今咱們已經搭建起本地的hexo博客了，執行如下命令(在E:\Hexo)，而後到瀏覽器輸入localhost:4000看看。

1 2	hexo generate hexo server

hexo 也支持縮寫命令：

1 2 3 4

hexo generate = hexo g hexo server = hexo s hexo deploy = hexo d hexo new = hexo n

好了，至此，本地博客已經搭建起來了，只能在本地訪問 。下面，咱們要部署到Github。

4.將博客部署到Github 

4.1註冊Github帳號

已有帳號能夠跳過，沒有的，請在此進行註冊，很簡單，這裏就不介紹了

4.2建立repository

在本身Github主頁右上角，點擊加號， 建立一個新的repository。好比個人Github帳號是stellar91，那麼我應該建立的repository名字應該是stellar91.github.io。

 

 

4.3部署

編輯_config.yml(在E:\Hexo下)。你在部署時，要把下面的stellar91都換成你的帳號名。

1 2 3 4

deploy:    type : git    repository: https: //github .com /stellar91/stellar91 .github.io.git    branch: master

最新版本的hexo 中，這裏的 type 要寫成 git，而不是 github。另外尤爲要注意不要刪除上述文件中的空格，冒號後面都緊跟了一個空格      

在正式部署以前，新用戶須要設置 SSH。SSH 的介紹和設置方法按照官方教程的四個步驟很容易完成（真的很容易 ）。 

接下來安裝部分模塊，執行下面的命令

1	npm install hexo-deployer-git --save

在第一次使用Git時，須要用戶名和郵箱兩個信息  。具體經過如下命令設置：

1 2	git config --global user.name "stellar91" git config --global user.email "muyuxingguang@163.com"

最後執行下列指令便可完成部署。

1 2	hexo generate hexo deploy

第一次使用可能要輸入GitHub的用戶名和密碼。 命令執行過程當中只要不是error能夠忽略，（確實會出現不少空格編碼的warning  ）     

Notes：每次修改本地文件後，須要hexo generrate才能保存。每次使用命令時，都要在E:\Hexo目錄下。每次想要上傳文件到Github時，就應該先鍵入hexo generate保存以後，再鍵入hexo deploy。

咱們的博客已經徹底搭建起來了，在瀏覽器訪問stellar.github.io訪問博客了！（可能須要等一下子纔會生效 ）

5.綁定本身的域名

在域名解析服務中 添加爲CNAME記錄，記錄值就是stellar91.github.io這種形式。好比這裏我綁定的是blog.star91.net  

接下來須要去本身的hexo進行域名設置，，進入source文件夾，建立名爲CNAME的文件（沒有擴展名的哦 ），第一行寫入你的域名：

 

1	blog.star91.net

這樣就設置好了，域名解析須要必定時間生效， 訪問http://blog.star91.net就能看到本身的博客網站了。

若是出現404NOT FOUND二等狀況，須要在E:/Hexo下再次執行：

 

1 2	hexo generate hexo deploy

執行完上述命令，CNAME的文件就會出如今Github的倉庫，這樣就能夠經過本身的域名訪問了，固然你也能夠直接在Github上建立這個文件。      

  

 

 

 

 

來自爲知筆記(Wiz)