Nuxt建个人博客 + Vercal部署
趁着有时间，想使用一下Nuxt，正好把博客重构一下，换个皮肤
非常感谢这位作者的博客源码：Nuxt博客，好用且好修改
在这个博客的基础上进行修改，就成了现在的样子
Nuxt.js的开发就不说了，这里记录一下博客完成之后，使用Vercal部署的配置过程和遇到的问题
Vercal官网：Vercal官网
Cloudflare官网：Cloudflare官网域名在腾讯云购买的
除了购买域名花钱之外，都是免费的
导入GitHub上的项目
Vercal的使用实在是简单
注册好账号后，可以导入Github里的项目，它会自动识别该项目的框架，提供一些基本的部署配置，当然也是可以根据自己的需求进行修改的
它识别出了这个博客用的是Nuxt，默认执行的打包命令是 yarn run build，没错，它可以识别到这个项目里用了yarn
但是由于博客打包用的是generate命令，因此需要修改一下，将默认的打包命令build改成generate就可以了（由于博客获取文档列表用的是queryContent方法，不改的话，用build命令打包后无法获取到数据，文章列表一直为空）
然后它就会在每次代码提交到Github后都自动拉取代码和部署
网络问题及解决方案
之前用Hexo做博客的时候，放在gitPages上了，也用过travis，但是现在貌似都在用Vercal，因此查了下资料，打算也用这个，同时也看到一个公认的问题：
Vercal访问的速度非常慢（何止是慢，部署好了之后，我用它提供的域名访问博客就没打开过。。。）
解决方案就是用Cloudflare加速
- 需要有一个自己的域名
- 需要有一个
Cloudflare的账号，将自己的域名添加上去，进行必要的配置，让它可以用我们自己的域名打开Vercal部署的博客
配置方法见这里：
当时配置好了后，访问自己的域名，依然打不开博客，页面报错：
原因在这篇文章里也讲到了，就是重定向次数过多，按照这个配置处理一下就可以了
然后就可以正常访问博客了
Cloudflare的配置
它的配置也不麻烦，按照上面那篇文章里讲的配置过程一步步进行就可以
但是一开始没有搞明白怎么配置DNS的时候着实是抓狂了一阵子。。。。后来搞明白了分分钟就能配置完成。。。