前言

本站是用 GitHub + Vercel 实现的纯静态页面的博客网站。之前尝试过前后端的 wordpress 和 typecho，也尝试过 vuepress、vitepress 和 docusaurus 等静态网站的搭建，最后还是用回了 hexo +butterfly 的静态博客系统，比较适合我，就是配置起来需要一点耐心，因为是纯静态，所以少不了看文档和修改代码。

Hexo 安装

  • 安装
1
2
3
4
5
npm install -g hexo-cli
// folder:本地文件夹
hexo init <folder>
cd <folder>
npm i
  • 本地运行
1
2
3
hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)。第一次建站可以不执行
hexo generate # 生成静态文件
hexo server # 启动本地明务器。默认情况下，访问网址为：http://1oca1host:4000/

Vercel

本地 hexo 文件夹上传到 github

  • 安装 hexo-deployer-git
1
npm install hexo-deployer-git --save
  • 更改 _config.yml 的 deploy
1
2
3
4
deploy:
	type: "git"
	repo: git@github.com:demonq0q/hexo-blog.git
	branch: main
  • 执行
1
2
3
hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo generate # 生成静态文件
hexo deploy # 部署网站
  • 点击 import project 导入 github 项目，然后点 deploy 部署即可