1.hexo安装

本篇默认读者均有一定的开发能力，故不再阐述工具安装，若为非开发从业者，请查看官方文档进行详细学习。

好了，让我们直接上代码展示。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 安装全局hexo包
npm install -g hexo-cli

# 在当前目录下创建blog项目
hexo init blog

# 进入到项目目录
cd blog

# 安装依赖包
npm install

# 启动hexo
hexo server

至此，我们就已经安装好了hexo，并创建了一个名为blog的博客项目，且启动了它，是不是特别简单？现在让我们来看一下它最原始的样子吧。

hexo启动后的网站原型

怎么样，看着是不是还挺不错的？

2.Hexo项目结构

接下来让我们来看一下这个项目的目录结构长什么样子吧

hexo项目结构

1
2
3
4
5
6
7
8
.
├── _config.yml             # 网站的配置信息，您可以在此配置大部分的参数
├── package.json            # 应用程序的信息
├── scaffolds               # 模板文件夹
├── source                  # 资源文件夹
|   ├── _drafts   
|   └── _posts
└── themes                  # 主题文件夹

3.修改hexo配置信息

打开根目录下的_config.yml文件，修改配置如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
# Site
title: Eric的Blog   		# 网站的标题
subtitle: 一技之长,当尽毕生之力.  # 网站副标题
description: Eric的博客   	# 网站的描述,用于SEO搜索
keywords: Eric 码上学Java   	# 网站关键词,支持多个关键词
author: Eric    		# 作者
language: zh-CN   		# 设置为中文
timezone: 'Asia/Shanghai'   	# 设置为国内时区

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://www.javath.site   # 修改为您的博客地址

4.配置主题

我用的主题是Maupassant

1
2
3
4
5
6
7
8
9
# 进入到主题目录下
cd themes

# 将主题项目下载到该目录（或者也可以直接下载zip包解压到该目录）
git clone https://github.com/tufu9441/maupassant-hexo.git

# 安装主题需要的npm包
npm install hexo-renderer-pug --save
npm install hexo-renderer-sass-next --save

为了方便管理，我们将主题的配置文件[maupassant/_config.yml]移到项目的根目录，并命名为_config.maupassant.yml，后续在这里修改主题相关配置，配置好主题后，我们的项目结构如下：
hexo配置主题后结构目录

修改根目录_config.yml配置文件内容

1
2
3
4
5
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: maupassant

重新启动一下项目，看看配置主题后的样子长什么样

1
2
3
4
5
# 清除缓存
hexo clean
# 启动hexo
hexo server

hexo主题原型

这就是配置主题后的样子，是不是既简单又明了。

下一篇，我们将在该主题的基础上，进行一些详细配置，让我们的博客更加优雅。