是个好工具

跳到正文

Hexo 部署方式一览

是个好工具 / POST

2026.11.06 · Hexo / 部署 / CI/CD

hexo generate 会把整站编译成 public/ 目录下的纯静态文件。部署的本质只有一件事:把 public/ 放到一个能提供静态文件的服务上。

方案一:GitHub Pages(最常用)

安装部署插件:

1
npm install hexo-deployer-git --save

在 _config.yml 中配置:

1
2
3
4
deploy:
type: git
repo: https://github.com/<用户名>/<用户名>.github.io.git
branch: main

然后执行:

1
hexo clean && hexo generate && hexo deploy

方案二:Vercel / Netlify

把博客仓库推到 Git 平台,在托管平台导入项目,构建命令与输出目录填:

项目 值
Build Command npm run build
Output Directory public
Node.js Version 22

之后每次 git push 都会自动构建并发布,还能为 PR 生成预览环境。

方案三:自建服务器(Nginx)

本地生成后上传静态文件:

1
2
hexo clean && hexo generate
rsync -avz --delete public/ user@server:/var/www/blog/

Nginx 最小配置:

1
2
3
4
5
6
7
8
9
10
server {
listen 80;
server_name blog.example.com;
root /var/www/blog;
index index.html;

location / {
try_files $uri $uri/ /404.html;
}
}

方案四:本地预览(当前站点采用)

1
hexo server -p 4000 -i 0.0.0.0

内置服务适合预览与调试,不建议直接用于生产环境——它没有缓存策略、HTTPS 和进程守护。

部署前记得检查 _config.yml 里的 url 和 root:如果站点放在子路径(如 /blog/),两者必须同时调整,否则静态资源会 404。

留下一点回响

请到公众号「是个好工具」留言或私信

微信搜一搜「是个好工具」· 扫码或搜索关注
微信搜一搜「是个好工具」· 扫码或搜索关注