快速构建属于自己的博客网站

①5行代码搭建属于自己的博客网站

安装前提：

已安装Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本，一般来说优先推荐最新版)

打开命令行终端，依次输入以下命令行，即可完成博客构建

npm install hexo-cli -g #使用npm安装hexo
hexo init blog #在当前所在位置生成blog文件夹
cd blog 
npm install
hexo server  # 运行博客，可在浏览器打开博客

生成的blog文件夹目录如下：

.
├── _config.yml #根目录下网站的配置信息，大部分配置在此处修改
├── package.json #版本、依赖等相关信息
├── scaffolds #模版文件夹，可以设置每次新建文章中会自动填充的东西，比如title，date
├── source #开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略
|   ├── _drafts #可以自己新建该文件夹，用来放文章草稿
|   └── _posts #存放文章的文件夹
└── themes #设置博客的主题风格

运行hexo server后可根据命令行提示打开相应网页http://localhost:4000/

博客当前效果

其它常见的_config.yml 文件修改建议：

• 语言设置为中文：language: en修改为language: zh-CN
• 文章列表中每页文章篇数设置：两个 per_page默认是10，建议修改为3的倍数

②配置主题美化个人博客（Matery）

在Github上下载Matery主题文件夹，https://github.com/blinkfox/hexo-theme-matery，文件夹解压缩后修改为matery放入themes文件夹下

修改根目录的文件_config.yml，将主题theme属性从theme: landscape修改为theme: matery，保存修改

在cd blog文件夹后，输入hexo clean && hexo g && hexo s打开网页，即可拥有Matery风格的个人博客

首页：

文章详情：

Tips：

官网(https://hexo.io/themes/)有很多其他风格可以尝试，相关文档、个性化设置比较全面并且比较好看的主题风格比如Next，Butterfly，都挺推荐的

③为博客新增分类、标签页面

点击导航栏的标签、分类、关于等，没有相关信息显示，本篇文章用于配置相关页面。

1 添加tags页面

**效果：**为相关文章添加如下的tags（前端、Hexo）后，可通过标签梳理每篇文章，一篇文章可以有多个标签

点击网页标签后，效果如下：

在cd blog文件夹后，输入hexo new page "tags"，将在根目录的source文件夹下生成 tags/index.md文件，将index.md文件修改如下（增加type和layout）即可：

---
title: tags
date: 2018-09-30 18:23:38
type: "tags"
layout: "tags"
---

2 添加categories页面

**效果：**为相关文章添加categories(构建博客)后，可通过分类梳理每篇文章，一篇文章只能有一个分类

点击网页标签后，效果如下：

在cd blog文件夹后，输入hexo new page "categories"，将在根目录的source文件夹下生成 categories/index.md文件，将index.md文件修改如下（增加type和layout）即可：

---
title: categories
date: 2018-09-30 17:25:30
type: "categories"
layout: "categories"
---

更多配置内容，请参考链接：Matery配置说明文档