不用配置本机环境,直接一键部署 Hexo 到 Vecrcel
仓库地址:https://github.com/EvanNotFound/vercel-hexo-template
部署很快,但是默认主题,如果想要改变主题就比较麻烦。
如果无法直接上传文件夹到 Vercel 或 GitHub 仓库(例如在线编辑界面仅支持单文件上传),可以通过以下方法解决:
方法 1:手动逐文件创建(适合小主题)
-
在 Vercel/GitHub 仓库中创建主题文件夹
- 进入你的项目仓库 → 进入
themes/
目录 - 点击 "Add file" → "Create new file"
- 输入路径:
themes/主题名/文件名
(例如themes/next/_config.yml
) - 粘贴主题文件内容 → 提交
- 进入你的项目仓库 → 进入
-
重复操作
对主题的所有文件逐个创建(需保持与原主题相同的目录结构)。
方法 2:ZIP 解压工具(推荐)
如果仓库支持在线终端(如 GitHub Codespaces 或 GitPod):
- 上传主题的 ZIP 压缩包到仓库根目录
- 通过终端命令解压并移动:
注:Vercel 本身无在线终端,需通过关联的 GitHub 仓库操作。
unzip 主题包.zip -d themes/主题名 # 解压到指定目录 rm 主题包.zip # 删除压缩包
方法 3:临时启用本地环境(最稳妥)
即使没有 Git,也可临时操作:
- 下载仓库 ZIP
- 在 GitHub 仓库点击 "Code" → "Download ZIP"
- 本地修改后重新上传
- 解压 ZIP → 手动替换
themes/
下的主题文件夹 - 重新压缩为 ZIP → 通过 Vercel 或 GitHub 的 "Upload files" 覆盖原有文件
- 解压 ZIP → 手动替换
方法 4:直接修改 CDN 引用(极简方案)
如果主题支持 CDN 加载(部分主题如 hexo-theme-fluid
):
- 在
_config.yml
中指定主题名:theme: fluid # 主题名称
- 在 Hexo 配置中添加 CDN 依赖(无需本地主题文件):
# _config.yml 中添加 js_provider: fluid: https://cdn.jsdelivr.net/gh/fluid-dev/hexo-theme-fluid@latest/
关键注意事项
- 保持目录结构一致:主题的配置文件(如
_config.yml
)和静态文件(如layout/
)需放在正确路径。 - 检查依赖:部分主题需要额外插件,需在
package.json
中补充(可通过 Vercel 的在线编辑添加)。 - 触发重新部署:文件更新后,Vercel 会自动部署,若无更新可手动在控制台点击 "Redeploy"。
替代建议
如果操作复杂,推荐使用 无需文件夹的主题(如 hexo-theme-butterfly 的 CDN 模式),或改用 Vercel 的 Serverless Functions 动态生成主题配置。
❤️ 文章随意转载❤️