超简单！使用 Docusaurus 搭建个人博客（二）

B 站视频 - 点击传送

如果你看了上期视频的话，那么你应该学会了怎么在本地搭建一个 docusaurus 博客，但是你不能只在本地来看这个博客吧，得让全世界来欣赏你的杰作，所以说咱们得把这个博客部署到服务器上。部署有两种方式：

• 部署到国外，是免费的。
• 部署在国内，需要自己购买一个域名，还有服务器，大概有个 300 来块钱就差不多了。

发布到 github

在发博客之前得先把项目发布到 github 上，这个之前我简单的介绍过，它就是一个远程的 git 的代码仓库，所有人都可以看到你的代码，还能一起维护。或者也可以把它当成私有的，这样的话可以当成自己的一个云端的代码仓库，作为代码的版本跟踪管理。

首先要在 github 上创建一个仓库，打开它的官网：

github

没有账号的话先去注册一个，有的话就直接登录，登录之后在自己的主页左边点击 New 这个按钮创建一个仓库，这里需要填一些信息：

• Repository Name - 仓库的名字，必填的，比如我这里叫fh-blog。
• Description - 仓库的描述，这个是可选的，这里我写一个我的博客。
• 选择私有还是公开 - 如果后边在 Zeit 上部署，这里选公开。
• 是不是添加README - 这里不添加了，因为咱们本地已经有了，另外.gitignore和add a licence也都不用添加。

完了之后点击 Create repository 仓库创建好了。之后它会跳转到仓库的首页，下边写了两种方式把代码提交到 github，第一种是按全新的仓库，就是本地还没有的。咱们这里用第二种，把现有的代码推送到 github 上。具体操作：

1. 在 VS Code 里打开你的博客工程，点击菜单中第三个按钮 source control。
2. 如果仓库还没有初始化的话，点击 initialize repository 按钮进行初始化。
3. 在上边的 message 输入框中输入 commit 信息，比如说 initial commit，再点击上边的对勾提交代码。
4. 按下键盘的 command(Mac)/ctrl(Windows) + shift + p， 打开快捷命令行工具，输入 add remote，在出来的提示中选择 Git: Add Remote。
5. 给这个远程仓库的的 url 信息起个名字，一般叫做 origin，代表这是咱们项目的起源仓库。按下回车。
6. 接下来要求输入仓库的 url，在里边贴上你的 github 仓库的 url, 比如 https://github.com/zxuqian/fh-blog.git，然后按下回车。
7. 添加好远程仓库之后，再点击 source control 中的 ... 菜单，选择 push，等完成之后，再刷新一下 github 仓库，有了代码就代表推送成功了。

部署

代码推送到 github 之后，就能愉快的部署到服务器上了。

Zeit

Zeit

这里推荐给你一个比较好用的国外的服务器，配置超级简单，它叫 zeit，也是 docusaurus 官方推荐的，不过可能有些地方因为某些原因，会访问不了，或者非常慢。不过因为它太方便了，所以还