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，即可以看到部署成功的博客了。