來自肥宅的小樂趣，帶你玩轉(zhuǎn)hexo自建博客色迂，生活還是需要裝一下的嘛：）。

About Hexo

官網(wǎng):https://hexo.io/zh-cn/

關(guān)于hexo，如官網(wǎng)的一句話介紹,

Hexo 是一個(gè)快速幢炸、簡潔且高效的博客框架。

• hexo是基于node.js制作的一個(gè)博客工具拒贱，利用markdown編寫文章宛徊，hexo生成靜態(tài)html頁面佛嬉，最后將生成的html上傳到我們自己的服務(wù)器。

• hexo提供了多種樣式的主題闸天，這也是吸引眾多熱愛DIY的小伙伴的地方暖呕，再也不用拘泥于統(tǒng)一制式了。

github+hexo

正如上面的介紹苞氮，hexo會(huì)在本地生成一個(gè)靜態(tài)html頁面湾揽，為了讓別人看到我們的博客，我們就需要將其推到遠(yuǎn)端--服務(wù)器笼吟。

那么github就提供給我們一個(gè)免費(fèi)的倉庫钝腺，對(duì)于新人練手是再好不過了。當(dāng)然赞厕，也可以購買屬于自己的域名艳狐，讓更多的朋友看到你的博客。話不多說皿桑，讓我們開始吧：聊俊（作者使用的是mac os系統(tǒng)，其他系統(tǒng)也類似）

環(huán)境搭建

1.安裝node.js

mac用戶推薦使用Homebrew

• 安裝Homebrew
  Homebrew是一款Mac OS平臺(tái)下的軟件包管理工具,類似于ubuntu的apt-get诲侮。如沒安裝的請(qǐng)先安裝镀虐，打開終端，輸入

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• 安裝node.js

$ brew install node

• 查看是否安裝成功

$ node -v

筆者安裝的版本為v12.6.0

2.安裝Git

$ brew install git

3.安裝cnpm

安裝hexo需要依賴node.js的npm的包管理器沟绪，由于國內(nèi)鏡像源速度很慢刮便，為了避免出錯(cuò)，所以在使用之前一般是利用npm來安裝cnpm,cnpm為淘寶的鏡像源绽慈。

$ npm install -g cnpm --registry-https://registry.npm.taobao.org

hexo博客框架搭建

• 一切就緒恨旱，準(zhǔn)備安裝hexo

$ cnpm install -g hexo-cli

• 檢查版本

$ hexo -v

• 創(chuàng)建存放博客的文件夾

$ mkdir myblog && cd myblog

• 生成博客

$ hexo init

至此，我們hexo的博客搭建初步完成了坝疼。INFO Start blogging with Hexo!

• 啟動(dòng)博客

$ hexo s

• 在瀏覽器地址欄處輸入：https://localhost:4000 搜贤，就可以看到博客的雛形了。(ctrl+C關(guān)閉博客)

部署至Github

1. 創(chuàng)建新倉庫（沒有g(shù)ithub賬號(hào)的請(qǐng)先注冊(cè)）Creat new repository,
   地址填寫格式：username.github.io,注："username"必須與你的github賬號(hào)的ID一致钝凶。
   
   
   2.配置SSH Key
   SSH Key被認(rèn)為是一種更安全的登陸方式仪芒，在每次更新博客時(shí)無需輸入用戶名和密碼，更加方便耕陷、快捷掂名、安全。

• 查看本機(jī)是否存在SSH密鑰
  打開終端(home目錄下)哟沫，輸入

$ cd .ssh

若不存在饺蔑，請(qǐng)進(jìn)行下一步（存在，請(qǐng)?zhí)^創(chuàng)建步驟）

• 創(chuàng)建SSH Key
  your_email@example.com填寫你的郵箱地址

$ ssh-keygen -t rsa -C "your_email@example.com"

輸入后按回車南用，然后會(huì)提示輸入密碼膀钠，可以按回車設(shè)為空掏湾。之后SSH就生成了，下圖所示：

4.檢驗(yàn)SSH Key

$ ssh -T git@github.com

執(zhí)行yes，若出現(xiàn)下例封救，則表示配置成功拇涤。

Hi codehory! You've successfully authenticated, but GitHub does not provide shell access.

5.設(shè)置用戶信息

$ git config --global user.name "codehory"http://自己喜歡的用戶名（非github用戶名）
$ git config --global user.email  "codehory@gmail.com"http://填寫自己的郵箱

6.本地博客部署至Github
終端myblog目錄下，使用vim打開_config.yml,

$ vim _config.yml

滑動(dòng)至最底部誉结，如圖鹅士，編輯 deploy節(jié)點(diǎn),
type: git
repo: git@github.com:codehory/codehory.github.io.git
branch: master
注：1.冒號(hào)后有空格 2.repo一行為新建倉庫的SSH地址，打開新建倉庫就能看見

輸入完畢惩坑，按esc,:wq保存退出掉盅。

7.安裝部署插件
在myblog目錄下，

$ cnpm install hexo-deployer-git --save

8.Deploy to Github

$ hexo clean
$ hexo g -d

至此以舒，恭喜趾痘，完成全部部署，在網(wǎng)址欄輸入：yourusername.github.io就能看到你的初步博客啦Ｂ印（yourusername為你github用戶名）

如何寫一篇博客

在myblog目錄下永票，新建一篇博客，

$ hexo new "my first hexo blog"

在本地博客的source->_posts路徑下看到新建的文章滥沫，是md格式的侣集，使用markdown文本編輯器進(jìn)行編輯即可。

編輯完成之后佣谐，執(zhí)行以下命令肚吏，即可更新博文方妖，

$ hexo clean
$ hexo g -d

更換主題

為了繼續(xù)滿足我們深入骨髓的DIY之心狭魂，換一個(gè)自己喜歡的主題也是必不可少的環(huán)節(jié)。Github上有很多眼花繚亂的主題党觅，去選一個(gè)自己喜歡的吧雌澄！https://hexo.io/themes/
本文例程使用的是： https://github.com/litten/hexo-theme-yilia

• 在myblog目錄下，下載我們喜歡的主題至themes下杯瞻，

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

• 配置通用文件

在myblog目錄下镐牺，用vim打開_config.yml,

$ vim _config.yml

可以修改title,subtitle,description,keywords,author等內(nèi)容，這些屬性依賴于你選擇的主題魁莉。

輸入完畢募胃，按esc,:wq保存退出。

• 配置主題文件
  在./themes/yilia目錄下,用vim打開_config.yml文件(這是每個(gè)主題對(duì)應(yīng)的配置文件),

$ vim _config.yml

menu用來設(shè)置你博客的分類畦浓，標(biāo)簽等痹束。

subnav為你的社交媒體的鏈接，如github讶请，微博等祷嘶。

用github當(dāng)圖床
頭像更換:在myblog目錄下的source文件下創(chuàng)建img文件夺溢，將圖片保存在其中论巍。我們通過部署生成，把圖片放到github上风响，通過鏈接找到嘉汰。
例如：本文將一張timg.jpeg的圖片存放到myblog/source/img/下，那么我們可以通過之前生成的鏈接状勤，如https://codehory.github.io/img/timg.jpeg,進(jìn)行圖片的插入郑现。

還有許多諸如此類的設(shè)置，各自進(jìn)去修改吧荧降，同樣的操作接箫，保存退出。

• 上傳更新
  配置完畢朵诫，我們需要重新生成博客辛友，并將博客更新到遠(yuǎn)端。

$ hexo clean
$ hexo g -d

最后來看看我們的博客吧剪返，還不錯(cuò)吧：

備份博客

由于博客是在本地生成的废累，如果更換電腦，那我們是不是就不能用這個(gè)博客了脱盲？方法總比問題多邑滨，我們可以利用github來備份博客的文件和數(shù)據(jù)。

• 創(chuàng)建版本庫
  在myblog目錄下钱反，

$ git init

• 在Github上新建倉庫
  新建一個(gè)倉庫掖看，將Repository name取為blog.git
  
• 鏈接倉庫
  鏈接倉庫地址：git@github.com:yourusername/blog.git(yourusername為你github用戶名)

$ git remote add origin git@github.com:codehory/blog.git

• 添加備份文件

$ git add source/ themes/ _config.yml scaffolds/ package.json .gitignore

• 注釋備份內(nèi)容

$ git commit -m "博客備份"

• 第一次強(qiáng)制上傳文件到github倉庫

$ git push -u origin master

第一次備份完畢，以后的備份面哥，只需進(jìn)行如下操作：

$ git push origin master

這樣備份完畢后哎壳，我們?cè)诹硪慌_(tái)電腦上，只需git clone一下就行了尚卫。

結(jié)語

說長不長归榕，說短不短，一通操作下來吱涉，不知你是否成功了呢刹泄？作者只是拋磚引玉外里，帶你入門，之后的進(jìn)階過程特石，還望各位繼續(xù)探索级乐，玩轉(zhuǎn)hexo。歡迎在評(píng)論區(qū)展示下你們的成果咯县匠，讓作者也學(xué)習(xí)學(xué)習(xí)风科，哈哈。同樣乞旦，如若有任何紕漏或者相關(guān)問題贼穆，請(qǐng)?jiān)谠u(píng)論區(qū)留言吧！感謝各位觀看兰粉！See you～