手把手教你用Hexo搭建我的技術博客

前言

其實大四實習那會就有搭建我的技術博客的想法了，而後仍是懶，擱置了好久。前陣子在掘金髮了幾篇以前寫過的文章，收穫了很多贊和閱讀量，有點小小的成就感，因此這點動力驅使本身動手了~有些人會以爲搭建我的博客須要購買域名，須要花錢，其實不是的，Github就能夠幫助咱們免費生成靜態網址，這一點後面會提到的。

什麼是Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。此處附上Hexo中文官網。下面咱們詳細介紹搭建步驟。

安裝Git Bash

Git Bash是Windows系統下git的命令行工具。

• 下載地址
• 安裝步驟：雙擊下載好的exe文件，一路next就能夠
• 確認成功：執行git version，控制檯打印出對應git版本就說明安裝成功了。

安裝Node

Hexo是基於Node環境的靜態博客，npm工具是必不可少的。

• 下載地址
• 安裝步驟：基本操做，這裏就不贅述了。
• 確認成功：執行node -v，控制檯打印出對應Node版本就說明安裝成功了。

安裝Hexo

• 先建立本地存放blog的文件夾，而後cd到對應目錄下。
• 安裝命令：npm i -g hexo（建議用cnpm安裝，會相對快一些）
• 確認成功：hexo -v

• 初始化：hexo init，以後打開的文件夾以下圖：

• 簡單解釋下文件夾的做用

node_modules：依賴包

scaffolds：命令生成文章等的模板

source：用命令建立的各類文章

themes：主題

_config.yml：整個博客的配置

package.json：項目所需模塊項目的配置信息

搭橋到Github

• 沒帳號的建立帳號（程序猿不該該吧~），有帳號的看下面步驟：

• 回到gitbash，配置github帳號信息（YourName和YourEail都替換成你本身的）

• 建立SSH，在gitbash輸入：ssh-keygen -t rsa -C "youremail@example.com，生成ssh，而後按照下圖找到id_rsa.pub

• 將獲取的ssh放到github中：

臨門一腳

• 用編輯器打開blog項目，修改_config.yml文件的一些配置（記得冒號後必須有空格，否則配置不生效，這是Hexo的一個坑！）

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master
複製代碼

• 進入blog項目，分別執行如下命令：

hexo clean
hexo generate
hexo server
複製代碼

• 打開瀏覽器輸入：http://localhost:4000，見證奇蹟的時刻到了~

上傳到Github

• 須要先安裝Hexo上傳倉庫的工具，執行npm install hexo-deployer-git --save，這樣你寫好的文章才能部署到github服務器。
• 執行命令（建議每次都這樣作，先清除、再編譯上傳）

hexo clean
hexo generate
hexo deploy
複製代碼

• 在瀏覽器輸入http://yourgithubname.github.io，這樣你就能夠看到本身的在線博客了~

優化博客

有些童鞋一開始看到這博客，哇，好醜~你們都有經驗的，默認的主題都是很差看的，這裏有Hexo主題網址，目前有195個主題任你選，每週換一個均可以換三年~（固然你能這麼折騰我也服了~）具體怎麼安裝主題，點進去對應的地址都有詳細說明，這裏就不贅述了。這裏秀一波個人我的博客地址，有空過來刷刷PV也是很ok的~

寫博客

最後的最後，怎麼寫博客？

• 新建文章：hexo new '文章名'，而後在blog的source文件夾就能夠看到了。
• 寫內容：支持markdown語法，因此我本身如今是用掘金自帶的markdown編輯器寫完後把文章複製過來的，完美兼容~
• 本地看過沒問題就上傳到github，步驟前面也說了，通常上傳後github服務器會有點延遲，十分鐘後刷新應該就有最新的blog了。

結尾

embers的我的博客（會常常更新）