首页 > 其他分享 >jsdelivr被墙,hexo-next切换为自定义CDN

jsdelivr被墙,hexo-next切换为自定义CDN

时间:2022-12-06 16:46:43浏览次数:51  
标签:npm 自定义 hexo CDN next jsdelivr net waline

1. Next主题需要升级到8.9以上,我的是多少忘记了,最好升级到最新

  • 使用npm管理
    git clone https://github.com/next-theme/hexo-theme-next themes/next
    

2. 替换链接

  • 官方域名替换教程,将 cdn.jsdelivr.net 全局替换成 gcore.jsdelivr.net 可实现访问连通
    或者将cdn.jsdelivr.net全局替换成 fastly.jsdelivr.net 也可以实现访问连通(这个无失效内容,gcore.jsdelivr.net部分npm资源报错网友提供)

3. 修改本地_config.next.xml文件

vendors:
  ...
  plugins: custom
  ...
  custom_cdn_url: https://fastly.jsdelivr.net/npm/${npm_name}@${version}/${minified}

4. 修改node_modules下文件夹@waline/hexo-next中的waline.njk

{{ next_data('waline', {
  lang: page.lang | default('zh-CN', true)
}, config.waline, {
  el: '#waline-comments',
  libUrl: config.waline.libUrl | default('https://fastly.jsdelivr.net/npm/@waline/client/dist/Waline.min.js', true),
  path: url_for(page.path) | replace(r/index\.html$/, '')
}) }}
<script>
document.addEventListener('page:loaded', () => {
  NexT.utils.loadComments(CONFIG.waline.el).then(() => 
    NexT.utils.getScript(CONFIG.waline.libUrl, { condition: window.Waline })
  ).then(() => {
    new Waline(CONFIG.waline);
  });
});
</script>

5. 我的博客暂时只需修改这么多,各位看官按自己站点的配置进行相应更改。

标签:npm,自定义,hexo,CDN,next,jsdelivr,net,waline
From: https://www.cnblogs.com/lastkiss/p/16955715.html

相关文章

  • vue3 input 控制小数位 自定义指令
    创建文件 globalindex.ts main.ts文件引入importglobalfrom"@/global";app.use(global)index.ts    内容import{App}from"vue";exportdefaul......
  • 自定义数据 data-*
    html:<divdata-one="1"data-two="2">dataset参数</div>JS://使用HTML5中的element.dataset操作自定义data-*数据vardiv_elem=document.qu......
  • Wix 安装部署(二)自定义安装界面和行为
        上一篇介绍了如何联合MSBuild来自动生成打包文件和对WIX的一些初步认识,http://www.cnblogs.com/stoneniqiu/p/3355086.html 。    这篇会在上篇的基......
  • Android(Lollipop/5.0) Material Design(六) 自定义动画
    官网地址:https://developer.android.com/intl/zh-tw/training/material/animations.html动画在Material设计中,为用户与app交互反馈他们的动作行为和提供了视觉上的连贯性。M......
  • Android 自定义组件之如何实现自定义组件
    简介Android提供了用于构建UI的强大的组件模型。两个基类:View和ViewGroup。可用Widget的部分名单包括Button,TextView,EditText,ListView,CheckBox,RadioButton,Gallery,Spin......
  • Android 自定义标题栏Title Bar
    在Android自定义标题栏,步骤很简单:1.在onCreate方法中声明如下代码:requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);setContentView(R.id.activity_main);getWindow().......
  • hexo博客配置教程
    咱自己的博客配置教程喵~成品展示:沨鸾的小窝前期准备:本博客在linux环境下搭建,部分内容于windows下稍有不同。你需要:git,ssh,nodejs,npm,github-cli。你可能还需要:一个脑子......
  • 自定义命令(directive)
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="../vue.js"></script></head><body>......
  • 将自定义的 bat 文件设置成开机自启
    将自定义的bat文件设置成开机自启1、创建一个bat文件2、在win+R输入shell:startup3、将bat文件复制至该文件夹下即可。......
  • Influxdb 接入HTTP终端实现报警自定义
    十年河东,十年河西,莫欺少年穷学无止境,精益求精influxdb的报警由以下三种组成   1、创建检查   红色框为绝对值检查,绿色框为【死人检查】,这里选择绝对值检......