前言

不管簡書、掘金或者其他網站，總會感覺不是自己的地盤，所以我就想自己搭建個部落格，可以在自己的一畝三分地上耕耘收穫。不僅如此，以往我寫的部落格都會到處亂放，比如一會放到掘金，一會放到簡書等等，不利於管理，搭建一個自己的部落格也更方便了個人的整理分類。目前來說，hexo還是挺主流的一種搭建部落格的方式，主題也很多，可以供各位選擇。先給大家看下我的部落格吧

Hexo介紹

Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。

安裝Git

我之前有寫過安裝Git的教程，可點選檢視，在這裡我就不再贅述了。

安裝NodeJs

Hexo是基於nodeJS環境的靜態部落格，裡面的npm工具真的很有用啊，不管之後的安裝hexo、統計閱讀時長、博文字數或者新增小萌妹都需要使用到npm工具，所以還是老老實實的裝上吧~

1. 基本上都是64位的，直接給上64位Windows的下載地址：nodejs.org/dist/v10.13… 或者自己自行到官網下載：nodejs.org/en/
2. 下載好msi檔案後，雙擊開啟安裝，反正一路next，安裝路徑可以根據自己需要更改。
3. 安裝完之後開啟cmd視窗（win+r），檢視nodejs安裝的版本。 輸入以下命令：

$ node -v
$ npm -v
複製程式碼

安裝成功！

安裝Hexo

Hexo安裝就只需要npm工具就行了 npm可以設定淘寶NPM映象，來提高下載速度

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼

1. 建立一個空的資料夾
2. 開啟Git Bash（安裝完Git隨處右擊就有“Git Bash here”），cd到資料夾，也可以直接在資料夾內右擊“Git Bash here”
3. 安裝Hexo

$ npm install -g hexo-cli
複製程式碼

3. 檢視hexo版本

$ hexo -v
複製程式碼

4. 初始化

$ hexo init
複製程式碼

看一下資料夾初始化後內容

解析一下各檔案：

• node_modules：是依賴包
• public：存放的是生成的頁面
• scaffolds：命令生成文章等的模板
• source：用命令建立的各種文章
• themes：主題
• _config.yml：整個部落格的配置
• db.json：source解析所得到的
• package.json：專案所需模組專案的配置資訊

5. 檢視本地部落格 啟動本地服務

$ hexo s
複製程式碼

訪問本地瀏覽器：http://localhost:4000

寫部落格

1. 建立.md檔案，目錄：/source/_posts

   

2. 博文的屬性

   

---
title: hexo-blog
date: 2018-11-03 16:07:32
tags: 
---
複製程式碼

這裡要說一下 tags 這個屬性，如果需要配置多個有兩種方式：

tags: [tag1, tag2, tag3]
複製程式碼

或者

tags:
  - tag1
  - tag2
  - tag3
複製程式碼

注：Hexo 是支援 Markdown 的所有功能的，所以，最好去學習一下 Markdown 的語法規範。

搭橋到GitHub

1. 沒有GitHub賬號建立賬號，有的話就看下一步
2. 建立新的倉庫repository

   

   其中Repository name必須是你的github名稱，不然後續會報404錯誤。

   

3. 回到gitbash中，配置github賬戶資訊（YourName和YourEail都替換成你自己的）
4. 建立SSH 第3，4步我之前的博文有教程，這裡就不再詳細描述操作過程了，你也可以找度娘搜尋。
5. 修改_config.yml檔案

deploy:
  type: git
  repo: https://github.com/yourGitHubName/yourGitHubName.github.io.git
  branch: master
複製程式碼

注意：冒號之後都是有一個半形空格的，沒有的話會出錯！ 6. 安裝hexo-deployer-git自動部署釋出工具

$ npm install hexo-deployer-git  --save
複製程式碼

7. 釋出到Github，命令如下:

$ hexo clean
$ hexo generate
$ hexo deploy
複製程式碼

第一次上傳是需要驗證GitHub賬號的

當出現下圖字樣表示釋出成功

8. 訪問：yourGitHubName.github.io 注：感覺GitBash中東西太多的時候可以輸入clear來清空命令。