记录一次hexo+next中出现的博客空白的情况（CDN配置问题）

记录一次hexo+next中CDN导致博客空白的情况（离线情况下使用配置）

问题描述

就在昨天（12月20日）准备在自己的博客上面找找前面记录的有些东西，突然发现博客里面一片空白，如下：

我还以为网站被黑了，后来f12看见如下相关报错信息：

然后分别点击查看相关引入的静态文件，发现是CDN服务的网站出了问题，听某技术群的老哥说的域名证书到期啥的，嗨，那找找next的文档看看如何配置本地的静态文件引用把，结果next的技术博客也拉闸了！只能说牛鼻啊！

后来看见next的配置文件中还是给出了好几种CDN引用方式，默认使用的是jsdelivr，如下：

当然，你可以使用其他的如：unpkg,cdnjs这些配置文件中提供的CDN加速，或者在这些CDN出现了问题时等CDN网站管理员去处理解决，

再当然，如果电脑不能联网，博客不是就不能用了吗？

我本人可能有点强迫症吧，觉得还是使用自己本地的比较输入，这种方式也比较适合在没有网络的情况下保证博客能正常使用

本地静态文件配置

该方式类似在博客里面引用本地图片的方式一样，如：

# next的配置文件下配置博客图片配置
favicon:
  small: /images/favicon-16x16-next.png
  medium: /images/favicon-32x32-next.png
  apple_touch_icon: /images/apple-touch-icon-next.png
  safari_pinned_tab: /images/logo.svg

在next主题下的文件目录：

因此我们需要在资源目录下创建一个静态文件目录（这里使用的是lib，按个人喜好来吧），分别下载相关需要的静态文件，如下：

启动运行一下项目，并断网查看静态文件是否能正常使用：

把项目打包后，相关资源目录如下：