通常，一個技術(shù)點我們會使用，并不難，但是要做到讓別人也能聽懂我們講得，還是需要一定的技巧和經(jīng)驗的。因此很多搞技術(shù)的工程師都喜歡寫博客，一方面是給自己做筆記，另一方面也是在提升自己的寫作、總結(jié)能力。類似于CSDN、博客園也都可以寫文章，但這些都是依賴在別人提供好的網(wǎng)站或博客模板上來寫，能定制屬性較少，今天給大家推薦一種搭建個人技術(shù)博客的方法：基于hexo+github實現(xiàn)，通過它能快速搭建出一套屬于個人且具有極高定制化特性的技術(shù)博客，下面介紹詳細的搭建過程。

在開始之前，需要做一些準(zhǔn)備工作：

     新建一個名為你的用戶名.的倉庫，比如說，如果你的github用戶名是test，那么你就新建test.的倉庫（必須是你的用戶名，其它名稱無效），將來你的網(wǎng)站訪問地址就是 http://test. 了，是不是很方便？

    為什么要配置這個呢？因為你提交代碼肯定要擁有你的github權(quán)限才可以，但是直接使用用戶名和密碼太不安全了，所以我們使用ssh key來解決本地和服務(wù)器的連接問題。

$ cd ~/. ssh #檢查本機已存在的ssh密鑰

如果提示：No such file or directory 說明你是第一次使用git。

ssh-keygen -t rsa -C "郵件地址"

$ ssh -T git@github.com # 注意郵箱地址不用改

$ git config --global user.name "liuxianan"http:// 你的github用戶名，非昵稱$ git config --global user.email  "xxx@qq.com"http:// 填寫你的github注冊郵箱

5.1. hexo簡介

  Hexo是一個簡單、快速、強大的基于 Github Pages 的博客發(fā)布工具，支持Markdown格式，有眾多優(yōu)秀插件和主題，官網(wǎng)：http://。

5.2. hexo原理

 由于github pages存放的都是靜態(tài)文件，博客存放的不只是文章內(nèi)容，還有文章列表、分類、標(biāo)簽、翻頁等動態(tài)內(nèi)容，假如每次寫完一篇文章都要手動更新博文目錄和相關(guān)鏈接信息，相信誰都會瘋掉，所以hexo所做的就是將這些md文件都放在本地，每次寫完文章后調(diào)用寫好的命令來批量完成相關(guān)頁面的生成，然后再將有改動的頁面提交到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 本地啟動

啟動本地服務(wù)，進行文章預(yù)覽調(diào)試，命令：

hexo server  （hexo s也可以）

開啟本地預(yù)覽服務(wù)，打開瀏覽器訪問 http://localhost:4000 即可看到博客內(nèi)容。

6.1 hexo與GitHub倉庫關(guān)聯(lián)配置

    建立與你用戶名對應(yīng)的倉庫，倉庫名必須為【your_user_name.】，固定寫法 然后建立關(guān)聯(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文件，來建立關(guān)聯(lián)，命令：

vim _config.yml

翻到最下面，改成我這樣子的，注意：: 后面要有空格

deploy:  type: git  repository: https://github.com/你的用戶名/你的用戶名..git  branch: master

6.2 hexo寫博客

hext與github關(guān)聯(lián)配置好之后，定位到hexo博客的根目錄，執(zhí)行命令：

hexo new 'my-first-blog'

hexo會幫我們在_posts下生成相關(guān)md文件,我們只需要打開這個文件按markdown語法就可以開始寫博客了。當(dāng)然你也可以直接自己新建md文件，用這個命令的好處是幫我們自動生成了時間。

一般md博客文章，完整格式如下：

---title: postName #文章頁面上的顯示名稱，一般是中文date: 2019-10-17 15:30:16 #文章生成時間，一般不改，當(dāng)然也可以任意修改categories: 默認分類 #分類tags: [tag1,tag2,tag3] #文章標(biāo)簽，可空，多標(biāo)簽請用格式，注意:后面有個空格description: 附加一段文章摘要，字數(shù)最好在140字以內(nèi)，會出現(xiàn)在meta的description里面---以下是正文

文章寫好之后，執(zhí)行如下命令才能使用git部署：

npm install hexo-deployer-git --save

執(zhí)行下述命令進行上傳并部署代碼到GitHub：

hexo deploy

代碼上傳好之后，在瀏覽器中輸入https://zhoujinjian./就行了，我的 github 的賬戶叫 zhoujinjian ,把這個改成你 github 的賬戶名就行了。

可根據(jù)個人需求，進行一些定制化配置（如主題、樣式配置、增加閱讀統(tǒng)計功能等），最終本文示例效果如下所示：

詳細示例效果可訪問：https://zhoujinjian.

每次部署的步驟，可按以下三步來進行：

hexo cleanhexo generatehexo deploy

hexo new "postName"  #新建文章hexo new page "pageName" #新建頁面hexo generate #生成靜態(tài)頁面至public目錄hexo server #開啟預(yù)覽訪問端口（默認端口4000，'ctrl + c'關(guān)閉server）hexo deploy #將.deploy目錄部署到GitHubhexo help  #查看幫助hexo version  #查看Hexo的版本