閱讀全文大概需要6分鐘
1. 前言
通常，一個技術點我們會使用，并不難，但是要做到讓別人也能聽懂我們講得，還是需要一定的技巧和經(jīng)驗的。因此很多搞技術的工程師都喜歡寫博客，一方面是給自己做筆記，另一方面也是在提升自己的寫作、總結能力。類似于CSDN、博客園也都可以寫文章，但這些都是依賴在別人提供好的網(wǎng)站或博客模板上來寫，能定制屬性較少，今天給大家推薦一種搭建個人技術博客的方法：基于hexo+github實現(xiàn)，通過它能快速搭建出一套屬于個人且具有極高定制化特性的技術博客，下面介紹詳細的搭建過程。
2. 開始前準備工作
在開始之前，需要做一些準備工作：
申請一個GitHub賬號，沒有的話去注冊一個，它主要是用來做博客的遠程創(chuàng)建、與本地的hexo建立關聯(lián)。
安裝Node.js、Npm，并了解相關基礎知識，用Node主要來生成靜態(tài)頁面。
安裝Git （或者其它git客戶端），把本地的hexo內容提交到GitHub上去。
3. 新建GitHub倉庫
新建一個名為你的用戶名.github.io的倉庫，比如說，如果你的github用戶名是test，那么你就新建test.github.io的倉庫（必須是你的用戶名，其它名稱無效），將來你的網(wǎng)站訪問地址就是 http://test.github.io 了，是不是很方便？
需要注意的是，倉庫名字必須是：username.github.io，其中username是你的用戶名，且每一個github賬戶最多只能創(chuàng)建一個這樣可以直接使用域名訪問的倉庫。
4. 配置SSH Key
為什么要配置這個呢？因為你提交代碼肯定要擁有你的github權限才可以，但是直接使用用戶名和密碼太不安全了，所以我們使用ssh key來解決本地和服務器的連接問題。
$ cd ~/. ssh #檢查本機已存在的ssh密鑰
如果提示：No such file or directory 說明你是第一次使用git。
ssh-keygen -t rsa -C "郵件地址"
最終會生成一個文件在用戶目錄下，打開用戶目錄，找到.ssh\id_rsa.pub文件，打開并復制里面的內容，打開你的GitHub主頁，進入個人設置 -> SSH and GPG keys -> New SSH key。
4.1. 測試是否成功
$ ssh -T git@github.com # 注意郵箱地址不用改
如果提示Are you sure you want to continue connecting (yes/no)?，輸入yes，然后會看到：Hi zhoujinjian! You've successfully authenticated, but GitHub does not provide shell access.
看到這個信息說明SSH已配置成功！
此時你還需要配置：
$ git config --global user.name "liuxianan"http:// 你的github用戶名，非昵稱$ git config --global user.email "xxx@qq.com"http:// 填寫你的github注冊郵箱
5. 安裝、使用hexo
5.1. hexo簡介
Hexo是一個簡單、快速、強大的基于 Github Pages 的博客發(fā)布工具，支持Markdown格式，有眾多優(yōu)秀插件和主題，官網(wǎng)：http://hexo.io。
5.2. hexo原理
由于github pages存放的都是靜態(tài)文件，博客存放的不只是文章內容，還有文章列表、分類、標簽、翻頁等動態(tài)內容，假如每次寫完一篇文章都要手動更新博文目錄和相關鏈接信息，相信誰都會瘋掉，所以hexo所做的就是將這些md文件都放在本地，每次寫完文章后調用寫好的命令來批量完成相關頁面的生成，然后再將有改動的頁面提交到github。
5.3. hexo安裝
Node和Git都安裝好后，可執(zhí)行如下命令安裝hexo：
$ sudo npm install -g hexo
5.4. hexo目錄初始化
創(chuàng)建一個文件夾，如：Blog，cd到Blog里執(zhí)行hexo init的，命令：
hexo init
好啦，至此，全部安裝工作已經(jīng)完成！
5.5. hexo生成靜態(tài)頁面
繼續(xù)再Blog目錄下執(zhí)行如下命令，生成靜態(tài)頁面
hexo generate （hexo g 也可以）
5.6 本地啟動
啟動本地服務，進行文章預覽調試，命令：
hexo server （hexo s也可以）
開啟本地預覽服務，打開瀏覽器訪問 http://localhost:4000 即可看到博客內容。
6. 使用hexo寫博客
6.1 hexo與GitHub倉庫關聯(lián)配置
建立與你用戶名對應的倉庫，倉庫名必須為【your_user_name.github.io】，固定寫法 然后建立關聯(lián)，例如我的Blog在本地/Users/mikezhou/Blog，Blog是我之前建的東西也全在這里面，有：
.├── _config.yml├── db.json├── node_modules├── package-lock.json├── package.json├── public├── scaffolds├── source└── themes
5 directories, 4 files
現(xiàn)在我們需要_config.yml文件，來建立關聯(lián)，命令：
vim _config.yml
翻到最下面，改成我這樣子的，注意：: 后面要有空格
deploy: type: git repository: https://github.com/你的用戶名/你的用戶名.github.io.git branch: master
6.2 hexo寫博客
hext與github關聯(lián)配置好之后，定位到hexo博客的根目錄，執(zhí)行命令：
hexo new 'my-first-blog'
hexo會幫我們在_posts下生成相關md文件,我們只需要打開這個文件按markdown語法就可以開始寫博客了。當然你也可以直接自己新建md文件，用這個命令的好處是幫我們自動生成了時間。
一般md博客文章，完整格式如下：
---title: postName #文章頁面上的顯示名稱，一般是中文date: 2019-10-17 15:30:16 #文章生成時間，一般不改，當然也可以任意修改categories: 默認分類 #分類tags: [tag1,tag2,tag3] #文章標簽，可空，多標簽請用格式，注意:后面有個空格description: 附加一段文章摘要，字數(shù)最好在140字以內，會出現(xiàn)在meta的description里面---以下是正文
文章寫好之后，執(zhí)行如下命令才能使用git部署：
npm install hexo-deployer-git --save
執(zhí)行下述命令進行上傳并部署代碼到GitHub：
hexo deploy
代碼上傳好之后，在瀏覽器中輸入https://zhoujinjian.github.io/就行了，我的 github 的賬戶叫 zhoujinjian ,把這個改成你 github 的賬戶名就行了。
可根據(jù)個人需求，進行一些定制化配置（如主題、樣式配置、增加閱讀統(tǒng)計功能等），最終本文示例效果如下所示：
詳細示例效果可訪問：https://zhoujinjian.github.io
7. hexo補充知識
每次部署的步驟，可按以下三步來進行：
hexo cleanhexo generatehexo deploy
一些常用命令：
hexo new "postName" #新建文章hexo new page "pageName" #新建頁面hexo generate #生成靜態(tài)頁面至public目錄hexo server #開啟預覽訪問端口（默認端口4000，'ctrl + c'關閉server）hexo deploy #將.deploy目錄部署到GitHubhexo help #查看幫助hexo version #查看Hexo的版本
一些常用路徑：
文件/文件夾說明
_config.yml配置文件
public生成的靜態(tài)文件，這個目錄最終會發(fā)布到服務器
scaffolds一些通用的markdown模板
source編寫的markdown文件，_drafts草稿文件，_posts發(fā)布的文章
themes博客的模板
我們正常使用，修改最多的是_config.yml文件，不管是博客的基礎配置，還是模板，都是修改這個文件。
source是我們日常寫文章要用的目錄，是我們日常操作的文件夾。如果針對下載的模板修改，那么就需要操作themes了。
