本文默认你已经安装了nodejs,git
安装
- 安装hexo
npm install hexo-cli -g
- 查看hexo版本
hexo -v
控制台打印出hexo-cli的版本则说明安装成功
创建
- 创建一个博客
hexo init blog
会在当前目录下创建一个名为blog的文件夹(名字随便命名)
- 安装依赖
cd blog
npm install
- 启动
hexo server
在创建的文件夹下使用命名,会启动一个http://localhost:4000的地址。
浏览器访问就可以看到自己的博客了
配置
- 添加分类
hexo new page categories
创建完成后会提示文件所在位置INFO Created: ~/Documents/blog/source/categories/index.md
文件的内容
---
title: categories
date: 2020-04-08 19:21:56
---
添加type属性到文件并保存
---
title: categories
date: 2020-04-08 19:21:56
type: "categories"
---
- 添加标签
hexo new page tags
同分类相同,打开创建的文件,添加type属性
---
title: tags
date: 2020-04-08 19:31:05
type: "tags"
---
- 使用分类和标签
文章默认都存放在项目的/source/_posts目录下
修改/source/_posts/hello-world.md文件
---
title: Hello World
date: 2020-04-08 19:43:08
categories: hexo-test
tags:
- 测试
---
建议使用date参数管理文章,否则hexo使用修改文章的时间管理文章。
重新启动服务,就可以看到文章的分类和标签了。
- 更换主题
官网主题:官网收集了很多美观的主题,可以预览和下载。
主题的仓库一般都有安装的教程,这里就不做介绍了。
更多资料查看官方文档
部署
使用github pages
- 创建一个名为username.github.io仓库,username为登陆github的账号名
- 在blog下安装git插件
npm install hexo-deployer-git --save
- 修改blog根路径下的_config.yml
deploy:
type: git
repo: https://github.com/dean4lee/dean4lee.github.io
branch: master
- 上传到github
hexo deploy
- 上传完成后,访问username.github.io。博客就部署到github pages了,其他人也可以访问你的博客了
部署到服务器
- 生成静态文件
hexo generate
这个命令会生成一个public文件夹,这里面就是博客的静态文件
- 将public文件夹上传到服务器,通过web服务器配置就可以进行访问了
作者公众号