前言
Hexo是一款基于NodeJS的静态博客框架，依赖少且易于安装使用，可以方便地生成静态网页。
本文记录Windows安装hexo，配置第三方主题Fluid，并配置nginx的全过程。
- nodejs版本：12.22.3
- hexo版本：5.4
- nginx版本：1.20.0
- Windows版本：Windows 10
- 本文更新时间：2021-07-27
安装nodejs和hexo
- 先到nodejs官网下载安装包。
- 官网下载地址
- 使用最新v14版的nodejs安装hexo可能会失败，个人测试v12版本比较适合
- 安装时选择安装位置即可，个人安装时没有勾选自动安装其它工具并编译的选项。
- 验证nodejs是否已安装成功。
- 打开Windows自带命令行工具cmd，输入
node -v，正确显示版本号即为安装成功
- 使用npm安装hexo
npm install -g hexo-cli
- 找个空的文件夹，比如
E:\nginx\hexo，输入下面的指令创建hexo站点
hexo init
- 上一步执行结束后会生成一些东西，执行以下命令生成静态网页并运行简单的web服务器到5000端口：
hexo c && hexo g && hexo s -p 5000
- 浏览器打开以下链接，能正常显示内容的话说明hexo安装成功。
127.0.0.1:5000
安装第三方主题Fluid
hexo默认的主题如果不合个人口味，可以配置其他主题，本人一般用Next和Fluid比较多，这里推荐直接看Fluid的官方文档。
Hexo Fluid 用户手册 (fluid-dev.com)
配置nginx
不熟悉nodejs的部署，所以本文使用nginx作为web服务器。
- 先到官网下载Windows安装包。
- 解压后就能用了，简单修改一下配置文件 nginx.conf中的server域
server { listen 80; server_name localhost; # charset koi8-r; # source_charset gbk; charset utf-8; location / { root E:/nginx/hexo/public/; index index.html; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } }
- 双击
nginx.exe启动 - 浏览器访问本机IP
编写文章
- 新建文章：
hexo new 文章名字
- 生成静态页
hexo c && hexo g
生成静态页后，浏览器刷新一下就能看到新的文章。
如果要删除文章，到public/_post/文件夹下删除文章对应的文件，然后执行hexo c && hexo g重新生成。
