10分鐘，hexo+github快速搭建博客

前言

有些同窗可能以爲搭建博客是一件麻煩的事，既須要購買註冊域名，又要購買配置服務器，還須要花成本去維護它們。不要緊，即便這些你都沒有，照樣能夠搭建本身的博客。你只須要準備一個github帳號。

本文概覽以下：

好了，如今咱們正式使用hexo開始搭建博客吧~

搭建博客

安裝hexo

npm install -g hexo-cli
複製代碼

初始化項目

如今咱們已經安裝完成hexo了。接下來使用hexo初始化博客項目。

// 初始化生成blog項目
hexo init blog
複製代碼

配置主題

hexo默認的主題是_landscape，如今咱們將主題配置爲 keep。_

// 確認目錄是否切換到了blog中，若是沒有，則將目錄切換到blog中
cd blog

// 安裝keep主題
npm install hexo-theme-keep

// 修改_config.yml配置文件
theme: keep

// 預覽網站
hexo server
複製代碼

在瀏覽器中打開http://localhost:4000，如圖

添加文章

新建

如今，讓咱們新建一篇博客

// 在blog項目中，執行以下命令：新建文章
hexo new post 今日菜譜
複製代碼

如圖如示，新建的這篇博客以markdown的格式形式存儲在了blog/source/_posts目錄下。

編輯

添加正文

如今咱們打開【今日菜譜.md】，寫下咱們的今日菜譜。

而後保存。刷新http://localhost:4000該連接。即可以看到看到咱們剛剛更新的最新文章了。如圖

添加分類和標籤

接着咱們爲文章添加分類和標籤：打開【今日菜譜.md】，修改以下 而後，打開終端分別執行以下命令。

hexo new page categories
hexo new page tags
複製代碼

以下所示，hexo會在souce目錄下，建立一個categories和tags文件夾，裏面都包含一個index.md文件。 如今咱們在瀏覽器中分別訪問以下地址，即可以分別看到咱們添加的分類和標籤了。點擊【美食】分類和【菜譜】標籤即可以看到屬於它們的文章。 http://localhost:4000/categories/

http://localhost:4000/tags/

爲了能在主頁直接訪問標籤和分類，咱們能夠對node_moduels/hexo-theme-keep/_config.yml配置文件作以下修改: 再次刷新http://localhost:4000，如圖

發佈草稿

若是你暫時還不想要文章被公開訪問，能夠先建立草稿。以下

hexo new draft 今日隨想
複製代碼

刷新http://localhost:4000暫時還沒法訪問咱們新建立的這篇文章，若是想要訪問這篇文章，咱們則須要發佈該文章，執行以下命令

// 發佈草稿
hexo publish draft 今日隨想
複製代碼

如今這篇文章從_draft目錄移動到了_post目錄。 接着，咱們再刷新http://localhost:4000，即可以看到這篇文章了

部署博客

如今咱們使用github page來部署咱們的博客。首先你須要有一個github帳號，若是沒有則須要先去註冊一個。

新建倉庫

1.咱們打開 github，而後點擊New repository按鈕，如圖

2.建立一個名爲username .github.io的存儲庫，其中username是你在GitHub上的用戶名 3.成功建立長倉庫後，複製倉庫的https地址，如圖

部署

// 確認目錄是否切換到了blog中，若是沒有，則將目錄切換到blog中
cd blog

// 安裝部署插件
npm install hexo-deployer-git --save

// 修改_config.yml配置文件
// 將複製的地址，黏貼到以下repo字段中
deploy:
	type: git
  repo: https://github.com/one-cheese/one-cheese.github.io.git
	branch: master
 
// 部署網站到建立的倉庫
hexo deploy
複製代碼

部署完成後，咱們刷新one-cheese.github.io倉庫，本地生成的public中的靜態資源全都上傳到了該倉庫中，如圖。 如今，訪問github page地址one-cheese.github.io，即可以看到部署成功的博客了。