一直想搭一個(gè)個(gè)人技術(shù)以及生活體會的博客，剛接觸前端開發(fā)的時(shí)候一臉懵逼，很多東西都不知道原理，稀里糊涂地跟著教程用hexo搭起來了，還遇到過各種各樣的問題。后來經(jīng)過wordpress、放在服務(wù)器上，再用到j(luò)ekyll放在github上，最后回歸hexo，不得不說相比于其他方式而言，hexo真的簡單、方便，也純粹很多，因?yàn)槲揖褪窍胗眠@個(gè)平臺分享一些內(nèi)容而已，并不打算在博客上過多地折騰技術(shù)。
本文總結(jié)了簡書、知乎上的許多教程，最終歸納成一套比較簡單的搭建流程，僅供參考。
相信有一定基礎(chǔ)的開發(fā)者基本上都有自己的github，也會建倉庫了，所以在這里不作贅述，關(guān)于如何把項(xiàng)目托管到github上，可參考這篇文章：如何在github上搭建自己寫的網(wǎng)頁
所以從建立一個(gè)倉庫說起
創(chuàng)建倉庫
這個(gè)倉庫是專門用來放博客文件的
倉庫名稱必須是github用戶名.github.io
由于我已經(jīng)建好了，所以提示倉庫名稱已存在
生成密鑰
密鑰在這里的作用是可以將本地內(nèi)容直接上傳到github上，而不需要輸入密碼
把倉庫克隆到本地（通過git clone方法或者用github桌面客戶端都可以）
然后在本地點(diǎn)擊鼠標(biāo)右鍵git bash here
輸入：
$ ssh-keygen -t rsa -C "Github的注冊郵箱地址"
然后一路enter過來就可以了，此時(shí)密鑰已經(jīng)生成完畢，位置一般會在/c/Users/Administrator/.ssh/id_rsa，如果找不到的話可能那個(gè)文件是被隱藏了
打開id_rsa,把里面的所有內(nèi)容復(fù)制到剪貼板
在github網(wǎng)站上點(diǎn)擊右上角頭像的setting
進(jìn)入菜單后選擇SSH and GPG keys
把內(nèi)容粘貼在這里
標(biāo)題隨便寫點(diǎn)什么，比如myblog
安裝node
點(diǎn)擊進(jìn)入node.js官網(wǎng)
按照一般套路安裝即可
現(xiàn)在就可以在命令行使用npm了
安裝hexo
還是剛才的git bash here打開的命令行
輸入
$ npm install -g -hexo-cli
安裝好hexo后輸入
$ hexo
出現(xiàn)下圖，則說明安裝成功，其實(shí)很多工具都是這樣，裝完之后輸入能出現(xiàn)類似這樣的目錄結(jié)構(gòu)，就說明已經(jīng)裝上了
初始化博客
在終端輸入
$ hexo init <folder>
folder為你想儲存博客文件的文件夾名稱，注意輸入的時(shí)候省略``< >''
比如我輸入了
$ hexo init myblog
然后在倉庫目錄下就生成了了名為myblog的文件夾
接著輸入
$ cd <folder>
定位到博客文件夾，這里的folder同上，還是你的文件夾名稱
然后輸入
$ npm install
安裝hexo項(xiàng)目的依賴包
配置博客
現(xiàn)在博客目錄長這樣
需要認(rèn)識的幾個(gè)文件是
node_modules //存放項(xiàng)目依賴包的文件夾，不用管
source //文章和頁面的位置，整理文章和頁面時(shí)會用到
themes //主題文件的位置，配置主題的時(shí)候會用到
_config.yml //博客配置，初始化博客時(shí)會用到
打開_config.yml文件，可以看到現(xiàn)在博客的一些基本配置，這里有幾個(gè)地方需要手動(dòng)改一下
修改網(wǎng)站相關(guān)信息
title: ...//填博客名稱
subtitle: ...//博客描述
description: ...//個(gè)人介紹
author: ...//作者名字
language: zh-CN //語言配置，中文就這樣填
timezone: Asia/Shanghai //時(shí)間配置
注意：每一項(xiàng)的填寫，后面都要保留一個(gè)空格，和寫Vue的習(xí)慣差不多
配置統(tǒng)一資源定位符（個(gè)人域名）
url: http://liub.com
配置部署
deploy:
type: git
repo: //下面會提到
branch: master
repo后面跟著的內(nèi)容我踩了不少坑，后面才發(fā)現(xiàn)其實(shí)還是要看自己的情況，不能想當(dāng)然照著別人的教程填，這個(gè)內(nèi)容去自己的倉庫那里復(fù)制就可以了，如圖
把這一串東西復(fù)制到repo：后面
現(xiàn)在，博客就基本上配置完畢了
發(fā)表一篇文章
回到剛才的git命令行，輸入
$ hexo new "我的第一篇文章"
然后就可以在本地博客文件夾source/_post下看到我們新建的markdown文件
文章是需要用markdown的語法寫的，具體可參考markdown入門指南
ctrl+s保存后，我們在命令行輸入
hexo server
//也可以寫成hexo s
如下圖
hexo為我們在本地生成了一個(gè)網(wǎng)站，我們在瀏覽器中輸入網(wǎng)址localhost:4000就可以查看博客的效果了
當(dāng)然，在本地source/_post手動(dòng)新建文件的方式來寫文章也是可以的，但是要遵守剛才的格式規(guī)范
把博客發(fā)布到github服務(wù)器上
只要在終端執(zhí)行這樣的命令即可
$ hexo generate
$ hexo deploy
這個(gè)過程也可以采用簡寫的形式
$ hexo d -g
如果提示說Deployer not found: git不存在，那么需要先輸入
$ npm install hexo-deployer-git --save
再執(zhí)行剛才的命令
這時(shí)候博客已經(jīng)部署到網(wǎng)上了，在瀏覽器中輸入網(wǎng)址即可，如我的博客是: Kevin031.github.io
在發(fā)布之前，最好先清除一下緩存
$ hexo clean
這樣可以保證我們能第一時(shí)間在服務(wù)器上看到效果
待后續(xù)更新
把博客地址從github.io改為個(gè)人域名
hexo更換主題（next）及配置
hexo增加標(biāo)簽、分類和關(guān)于頁面
next主題個(gè)性化修改
