零基础-搭建个人博客7-自动部署

本篇目的

持续的迭代和更新，每次处理完成后都需要反复的执行git的相关命令，有时候还有未知网络问题导致传输更新失败。所以想通过曲线救国，集成工具实现一步上传编辑处理后的静态网页文件。

PS：本文操作基于 IntelliJ IDEA 社区版本进行。

自动部署：

1.文件夹关联代码仓库：

我们根据前文所讲的【基础环境】和【博客环境】搭建篇，
我们可以做如下规划：

1. 将喜欢的模板仓库fork到自己的仓库中，因为涉及到模板的部分内容调整，是没办法给予他人的仓库修改的。
2. 将模板下拉到本地，并且与hexo本身的目录结构产生关联，将博客搭建过程中的修改全部记录下来。

具体的关联代码如下：git clone https://github.com/user/xxxx.git localDir

我们可以看一下hexo项目本身会产生变动的几个文件夹：

source：这个是你写文章的源码目录，后续的所有文章都在这里添加；

public：这个是服务启动后生成的静态页面&资源文件的目录；这个也就是后续需要部署到github的pages服务中的全部文件；

themes：这个是hexo你依赖的主题模板，这个可以在hexo社区中找你自己喜欢的模板；

因此，我们需要三个仓库用于关联这三个目录；对应的关系如下：

source：文章源码仓库，此仓库只关注文章内容；

themes：模板主题仓库，因为需要自己定制处理，所以不能依赖原始仓库，否则后续的调整会严重依赖本地，如果更换电脑环境和改动都需要重新搭建。

public：博客静态页面仓库，这个用于发布最终的博客html静态页面的仓库，也是用于给大家访问的仓库。

2.一同处理多个仓库内容：

因为根据1.我们已经可以做到仓库拉取到本地了，并且通过修改本地内容再通过git指令可以推送至远程，完成了基本的关联操作。

而1中我们提到的多个仓库，需要我们分别创建，并建立与本地文件夹的关联。

所以，我们将全部仓库关联到本地的项目中，可以做如下操作：

1. 初始化项目根目录。例如：hexo init root；然后进入到根目录
2. 选择一个个人喜欢的模板，拉取到本地。例如：git clone https://github.com/sid2656/hexo-theme-ayer.git themes/ayer
3. 在自己的git创建一个博客文章仓库，并拉取到本地。例如：git clone https://github.com/sid2656/sid2656.git source
4. 将后续编辑后，启动本地服务产生的静态页面绑定的我们最终的博客仓库。例如：https://github.com/sid2656/sid2656.github.io.git public
5. 至此我们便可以在IDE中编写自己的文章啦，并且可以通过IDE一键批量提交。

具体的操作效果如下：

选中三个文件夹，一起进行git提交：

这里我们选择commit and push；

PS：public中有生成的文件需要进行add操作！

至此，多仓库的关联和一键提交，也完成啦！

3.实现一件部署到github：

推送数据到仓库，基本上隔十分钟左右就可以看见最新的文章内容了，当然因为我们部署的public文件夹的内容，你在调整了source内容后，千万别忘记了执行 hexo g，来生成静态文件，并将生成的文件推送至仓库。

理论上来说，我们完成上述1.和2.中的内容，就已经完成了自动部署内容了。

可因为不可抗的因素，导致我们基本上无法正常访问github，只能开vpn或者其他的代理方式来访问，这个是比较麻烦的，每次都有做绑定启动等流程，网络还不一定稳定，如果想稳定使用，基本上是需要付费的。

那有没有在搭建期间配置好基础内容，后续的迭代不用再链接github的方式呢？

当然有啦！

与github齐名的国内代码仓库是gitee，之前也提供过pages服务，后来不知道什么原因这个服务已经下了。

但是，gitee提供了另一个比较好用的服务叫：仓库镜像！（后续可能会收费 —_—！）这个可以将gitee上面的仓库内容同步到github，或者讲github的仓库内容同步到gitee上面。

所以，我们完全可以将上面提到的仓库都转移到gitee上面，然后只将需要提供pages服务的仓库同步到github上面。

这样一来，我们便可以在后续的运营过程中拍拖VPN啦！