用Vercel来免费部署你的博客吧

用Vercel来免费部署你的博客吧

why chose Vercel 😀

  1. 完全免费,最大优点。
  2. 傻瓜式一键部署,对于不太熟悉服务器部署的人非常友好。
  3. 无需翻墙。
  4. 网络上相关的教程丰富,几乎所有的问题都可以找到解决方案,保证人人部署成功。

what you need 😄

  1. 一台电脑 🖥️ ,安装 Git 和 Node,安装 VsCode 或其它编辑器
  2. 注册一个域名(当然也可以用 Vercel 提供的,但最好自己注册一个)
  3. 注册一个 GIthub 账号
  4. 注册一个 Vercel 账号 (用Github的账号即可)

how to do 😁

  1. 把博客的 代码 克隆到你本地,然后上传到你自己的仓库。当然如果你有自己的代码仓库也可以。
  2. 现在确保你有一个属于自己的 github 仓库地址,然后登录 Vercel 官网,直接用 github 登录就行。
  3. 成功进入 Vercel 的看板页面后,选择导入 Github 的 Project。
    image-20230927183857642
  4. 进入选择仓库的页面,这里选择你准备好的仓库。
    image-20230927184526652
  5. 如果你用的是我的代码,直接点击 Deploy 即可,其它代码则根据具体情况进行配置。整个构建过程大概两三分钟。
    image-20230927185318255
  6. 等待构建完成功会跳到如下页面,这时点击 to Dashboard 去面板页面。
    image-20230928140122586
  7. Wow!到了这一步你就已经部署了属于自己的博客了,点击 Domains 下的链接即可访问了。
    image-20230928141602712
  8. Great!不过目前的域名是 Vercel 免费提供的,所以不太好记,因此我建议换成我们的自己的域名。
    image-20230928142556731
  9. 接下来是如何改为自己的域名(在这之前你需要准备一个备案好的域名),首先回到看板首页,然后点击 Domains。
    image-20230928143713516
  10. 按顺序点击,然后在输入你要榜单的域名。
    image-20230928145950445
  11. 输入完成后,点击添加。
    image-20230928155025898
  12. 这时会跳转到这个页面,提示你该还没有添加DNS的解析。
    image-20230928155311781
  13. 现在去你购买域名的平台添加该条解析记录。(这里不懂可以谷歌搜索一下,相关教程非常多,不多啰嗦了)这里以我的为例,我买的是腾讯云的域名。
    image-20230928155500814
  14. 添加完成之后,回到刚刚 Vercel 页面然后刷新,如果解析已经成功就是如下页面的情况。
    image-20230928160204906
  15. 试看看访问你刚刚设置 域名 。Cool!😄
    image-20230928161534389
扫码关注我的公众号
关于代码的问题都欢迎交流