Windows安装hexo并配置nginx

前言

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

1. 先到nodejs官网下载安装包。
   1. 官网下载地址
   2. 使用最新v14版的nodejs安装hexo可能会失败，个人测试v12版本比较适合
   3. 安装时选择安装位置即可，个人安装时没有勾选自动安装其它工具并编译的选项。
2. 验证nodejs是否已安装成功。
   1. 打开Windows自带命令行工具cmd，输入node -v，正确显示版本号即为安装成功
3. 使用npm安装hexo

npm install -g hexo-cli

1. 找个空的文件夹，比如E:\nginx\hexo，输入下面的指令创建hexo站点

hexo init

1. 上一步执行结束后会生成一些东西，执行以下命令生成静态网页并运行简单的web服务器到5000端口：

hexo c && hexo g && hexo s -p 5000

1. 浏览器打开以下链接，能正常显示内容的话说明hexo安装成功。

127.0.0.1:5000

安装第三方主题Fluid

hexo默认的主题如果不合个人口味，可以配置其他主题，本人一般用Next和Fluid比较多，这里推荐直接看Fluid的官方文档。

Hexo Fluid 用户手册 (fluid-dev.com)

配置nginx

不熟悉nodejs的部署，所以本文使用nginx作为web服务器。

1. 先到官网下载Windows安装包。
2. 解压后就能用了，简单修改一下配置文件 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;
    }
}

1. 双击nginx.exe启动
2. 浏览器访问本机IP

编写文章

1. 新建文章：

hexo new 文章名字

1. 生成静态页

hexo c && hexo g

生成静态页后，浏览器刷新一下就能看到新的文章。

如果要删除文章，到public/_post/文件夹下删除文章对应的文件，然后执行hexo c && hexo g重新生成。

其它

• Hexo官网