近期一直在面试,而且很多公司面试题相似,故想弄个网站来方便自己记录和复习。从0到上线共用两天。

链接:https://resume.blog.51weblove.com

网站

  1. 快速调研了一下,选择了Vitepress来做为文档库,共计2小时
  2. 用AI取名,并且生成一只猫的图片,以及一些feature文案,用于网站首页的展示,共计1小时
  3. 自己遇到的一些比较重要的面试题记录一下,
  4. 猫的图片压缩一下,避免首屏图片闪烁,共计20分钟

服务器与域名

  1. 直接解析了一个三级域名:https://resume.blog.51weblove.com
  2. 用宝塔直接创一个网站,顺手申请了个免费的SSL方便域名使用
  3. 绑定域名和宝塔内的网站
  4. 打包网站,部署上线

第一天通过这套操作,把网站上线了,但是在写完后,更新内容到网站上比较麻烦,于是想了下,搞了个CICD

CICD

git服务器

采用了国内的Gitee平台作为网站的GIT服务器,采用公开的策略,因为没啥好隐藏的,也方便别人想提交的来提交一下md文件。

webhook

因为我是用宝塔来管理网站,所以webhook对我来说是最好的选择。

在这个过程中,关键点就是写脚本,通过AI直接快速生成就行了,大概花了10分钟来生成。

但是关键的问题来了,因为我这个宝塔是很多年前搭建的,所以有个大问题,18.0.0以上的Node在我的Linux系统上用不了,解决这个问题的方法无非就是升级系统,更新GCC,但是由于我上面运行了几十个网站,所以不好轻易动系统和GCC,故我直接把编译这步先省略了。

本地编译好后,提交Dist上来,改良一下webhook,屏蔽掉编译的这一步,直接复制拉取下来的代码到服务器位置。

至此,基本上就达到我的一个预期了,在后面,再看想下办法让我的Linux系统能使用高版本的Node,这样我本地就不用再次打包,实现一个完整的CICD流程。

后语

网站总共用了6个小时左右的时间来建成,这类网站主要还是在内容上,后面遇到就逐渐更新。

因为目前内容较少,本地打包速度也比较快,所以基本可以在一分钟内推送到线上服务,速度还是可以的