本文默认你已经安装了nodejs,git
安装
安装hexo
查看hexo版本
控制台打印出hexo-cli的版本则说明安装成功
创建
创建一个博客
会在当前目录下创建一个名为blog的文件夹(名字随便命名)
安装依赖
启动
在创建的文件夹下使用命名,会启动一个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" ---
|
添加标签
同分类相同,打开创建的文件,添加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
创建一个名为username.github.io仓库,username为登陆github的账号名
在blog下安装git插件
1
| npm install hexo-deployer-git --save
|
- 修改blog根路径下的_config.yml
1 2 3 4
| deploy: type: git repo: https://github.com/dean4lee/dean4lee.github.io branch: master
|
- 上传到github
- 上传完成后,访问username.github.io。博客就部署到github pages了,其他人也可以访问你的博客了
部署到服务器
- 生成静态文件
这个命令会生成一个public文件夹,这里面就是博客的静态文件
- 将public文件夹上传到服务器,通过web服务器配置就可以进行访问了