网站崩溃后我是怎么重新搭建回来的~

前言

今天一早醒来，发现blog崩掉了，域名在 Netlify 也显示被其他项目给使用了，发了新维护主题也暂时没回复，所以一不做二不休，直接迁移平台和重构！

021

温馨提醒：本次教程仅对想迁移到Vercel的小伙伴食用，前提是你已经有博客的备份。或者对新建博客的小伙伴食用

在重构之前需要以下的工具：

  • 一双手 一个脑子 一台能上网的设备
  • 一个GitHub账号，一个 Vercel 账号
  • 一个域名 （免费的二级域名都可以，因为 Vercel 网站在中国被墙了）
  • git 或者 GitHub Desktop ( 本文会用 GitHub Desktop)
  • 备份原来的博客

开始之前先将本地的博客备份一遍先，后面会用到

在Vercel上用模板新建个新的Hexo博客

创建 Hexo 项目

创建 Hexo 项目的直达链接：

Deploy with Vercel

这时候就到了创建项目的页面了

image-20250709132511533

这里的Git Scope 是你的GitHub账号，左边的Private Repository Name 是你账号下Hexo 博客仓库的名字，你的博客源文件会存在这里，名称可以自己填

项目可见性就保持 Private，这样别人就看不到你 Hexo 仓库的各种机密信息了，有效保持版权和隐私

最后点击create 创建项目，等一会就可以了。

image-20250709133234962

部署成功后，这里会给你一个二级域名，这个二级域名是属于你的。这个项目的就会和你填写名字的GitHub仓库绑定了,你可以点击Repository 去查看你的GitHub仓库

这里说一下，这个二级域名不建议你长期使用（如果你的读者面向国外当我没说），原因如下：

  • vercel.app 的根域名在国内被墙了，同时也被各大搜索引擎屏蔽了，无法被收录

所以建议绑定自己的域名

本地调试教程

这里就直接跳过NodeJS、git的安装和部署Hexo的教程了，如果你需要可以去网上参考教程或者看我上一篇文章

这里打开你的Github仓库和本地编辑器，我使用的是Trae，在终端使用

1
git clone <你的仓库链接>

将你刚刚部署好的仓库给克隆下来，根据你之前的配置将现在的项目配置好

1
hexo clean&&hexo s

就可以使用上面的命令运行起来了，

如果本地测试好没问题，就可以 push 到 Github 了

上传文件

Github Desktop 方式上传

image-20250709141412919

然后在左下角的输入框中写本次文件改动 (Commit) 总结，然后点击 Commit to main

image-20250709141448182

最后，点击右上角的 Push origin ，这样文件就上传到 Github 了

Git 方式上传

1
2
3
4
5
6
7
8
#查看文件状态
git status
#添加所有更改的文件
git add -all
#对这些文件进行 commit
git commit -m "你要commit的内容"
#最后同步到仓库
git push

此时，Vercel 会自动拉取更改信息，重新构建网站，过程一般40s左右

域名绑定

上面说到vercel.app的根域名在国内被墙了，访问不到，所以就需要绑定自己的域名

回到你的vercel项目，选择settings ,选择domains

image-20250709143113810

我们选择Add Domain

image-20250709143205355

这里填写好你的域名之后，点击Save，保存

image-20250709143252712

这里就可以发现你的域名已经保存了，但是显示Invalid Configuration(配置无效)

这时候点击Learn more 发现需要配置DNS解析，去到你的域名服务商，设置DNS解析后，回来就可以发现生效了，此时在地址栏输入你的域名，就可以进去你的博客了

到这里所有配置就已经结束了

感谢阅读🙏