Hexo使用本地CDN资源

发表于 阅读次数： 本文字数： 999 阅读时长 ≈ 2 分钟

简介：使用第三方CDN资源经常会无法加载导致博客无法访问，将资源设置为本地路径可以避免这样的问题，博客更加稳定。

1.修改主题_config.yml文件

找到博客目录下themes\next\_config.yml文件，使用编辑器进行编辑，找到以下代码，并将两个cdn路径修改为local，如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# ---------------------------------------------------------------
# CDN Settings
# See: https://theme-next.js.org/docs/advanced-settings/vendors
# ---------------------------------------------------------------

vendors:
  # The CDN provider of NexT internal scripts.
  # Available values: local | jsdelivr | unpkg | cdnjs
  # Warning: If you are using the latest master branch of NexT, please set `internal: local`
  internal: local
  # The default CDN provider of third-party plugins.
  # Available values: local | jsdelivr | unpkg | cdnjs
  # Dependencies for `plugins: local`: https://github.com/next-theme/plugins
  plugins: local

# Assets
# Accelerate delivery of static files using a CDN
css: css
js: js
images: images

2.安装插件

打开命令提示符窗口，选择博客的目录后，执行以下代码安装插件：

1
2
3
e:
cd E:\myblog
npm install @next-theme/plugins

3.补充*.js、*.css等文件

安装插件后，运行执行以下代码运行hexo服务器：

1
hexo s

根据下图报错记录，从网上CDN资源库中下载对应的JavaScript、CSS文件，放到对应的路径里面，再重新运行hexo服务器，报错记录消失即可。