hexo+github搭建我的博客

前言

無論簡書、掘金或者其餘網站，總會感受不是本身的地盤，因此我就想本身搭建個博客，能夠在本身的一畝三分地上耕耘收穫。不只如此，以往我寫的博客都會處處亂放，好比一會放到掘金，一會放到簡書等等，不利於管理，搭建一個本身的博客也更方便了我的的整理分類。目前來講，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來清空命令。