IT虾米网

Windows安装hexo并配置nginx

mfryf 2022年11月07日 程序员 143 0

前言

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重新生成。

其它


本文参考链接:https://www.cnblogs.com/XY-Heruo/p/15066133.html
评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!