hexo搭建自己的博客

本文默认你已经安装了nodejs,git

安装

安装hexo

1
npm install hexo-cli -g

查看hexo版本

1
hexo -v

控制台打印出hexo-cli的版本则说明安装成功

创建

创建一个博客

1
hexo init blog

会在当前目录下创建一个名为blog的文件夹(名字随便命名)

安装依赖

1
2
cd blog
npm install

启动

1
hexo server

在创建的文件夹下使用命名,会启动一个http://localhost:4000的地址。
浏览器访问就可以看到自己的博客了

配置

添加分类

1
hexo new page categories

创建完成后会提示文件所在位置INFO Created: ~/Documents/blog/source/categories/index.md
添加type属性到文件并保存

1
2
3
4
5
---
title: categories
date: 2020-04-08 19:21:56
type: "categories"
---

添加标签

1
hexo new page tags

同分类相同,打开创建的文件,添加type属性

1
2
3
4
5
---
title: tags
date: 2020-04-08 19:31:05
type: "tags"
---

使用分类和标签

文章默认都存放在项目的/source/_posts目录下
修改/source/_posts/hello-world.md文件

1
2
3
4
5
6
---
title: Hello World
date: 2020-04-08 19:43:08
categories: hexo-test
tags: [测试]
---

建议使用date参数管理文章,否则hexo使用修改文章的时间管理文章。
重新启动服务,就可以看到文章的分类和标签了。

更换主题

官网主题:官网收集了很多美观的主题,可以预览和下载。
主题的仓库一般都有安装的教程,这里就不做介绍了。

更多资料查看官方文档

部署

使用github pages

  1. 创建一个名为username.github.io仓库,username为登陆github的账号名

  2. 在blog下安装git插件

1
npm install hexo-deployer-git --save
  1. 修改blog根路径下的_config.yml
1
2
3
4
deploy:
type: git
repo: https://github.com/dean4lee/dean4lee.github.io
branch: master
  1. 上传到github
1
hexo deploy
  1. 上传完成后,访问username.github.io。博客就部署到github pages了,其他人也可以访问你的博客了

部署到服务器

  1. 生成静态文件
1
hexo generate

这个命令会生成一个public文件夹,这里面就是博客的静态文件

  1. 将public文件夹上传到服务器,通过web服务器配置就可以进行访问了