碎碎念

好忙呀！最近还在面试华为，同时还在努力学习，天天早上七点走晚上十点回，不过这样的生活真的蛮充实的！我一定会更加努力！真的好期待华为的工作呀！希望能够早日进入华为大企业！我也想当一个螺丝钉，为自研系统做出贡献！

最近朋友组建了一个JSD加速站点，名为智云（地址：https://cdn.smartcis.cn/ ），可以用于加速博客的静态资源，经过测试，是国内节点，速度也非常不错，于是出文给朋友帮忙宣传一下，大家一起用起来呀！

相侵相碍异家人
Jason
有没有用上智云加速的同学呢？
Jason
给点反馈！
LiuShen
用上了用上了，好快好快！
Jason
gh暂时没限制，但是不代表滥用不管，不要用于个人图床加速！
Jason
瞎搞大家就都玩不了了喔
LiuShen
包的！我是好孩纸！
Jason
带宽准备充足，资金也充足，不够就让金主加
Jason
各位没事就可以帮忙宣传宣传这个 CDN 了哈
LiuShen
回头就水一篇出来！虽然说比较忙，但是这个还是很好写的嘿嘿
Jason
快快快上强度，这才哪到哪，我储备这么多才用这点真的浪费，每天限制一个t流量，你们能不能争取一下今天破200m啊
LiuShen
表急！在宣传啦！大家一起用！

看得出来真的很充足哈哈哈哈哈，如果有需要的小伙伴快来用上吧！下面我将简单介绍基本用法，并且附带 hexo-theme-butterfly 怎么一键用上速度飞快的智云加速！

什么是jsDelivr

在开始介绍智云之前，我们需要了解一下 jsDelivr，它是一个非常流行的国外 CDN，可以用来加载各种 JavaScript 库、CSS 文件等静态资源。通过使用 jsDelivr，站长们可以减轻自己服务器的压力，并加快网站的访问速度。但是由于最近几年的滥用，加上一些已知原因，导致Jsdelivr在国内的备案被吊销，国内节点关停，速度较慢。

基本用法

jsDelivr 提供了简单且灵活的方式来加载前端资源。下面是几个主要的使用方法及相关参数的解释：

1. 加载 JavaScript 库

你可以通过 jsDelivr 加载各种 JavaScript 库。以下是一个示例，使用 jQuery：

1
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
  • https://cdn.jsdelivr.net/npm/：表示使用 jsDelivr 的 NPM 加速服务。
  • jquery：库的名称。
  • @3.6.0：特定版本号，可以更改为你需要的版本。
  • /dist/jquery.min.js：资源文件的路径。

如果你想加载最新版本的库，可以省略版本号，但建议指定版本，以防止意外更新导致的问题。

2. 加载 CSS 文件

你也可以用 jsDelivr 加载 CSS 文件。以下是 Bootstrap 的示例：

1
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  • bootstrap：加载的库名称。
  • @5.3.0：库的版本号。
  • /dist/css/bootstrap.min.css：CSS 文件路径。

3. 加载其他资源

jsDelivr 还支持加载其他资源类型，例如图片、字体文件等：

1
<img src="https://cdn.jsdelivr.net/gh/user/repo@version/path/to/image.png" alt="Example Image">
  • https://cdn.jsdelivr.net/gh/：表示使用 GitHub 仓库加速服务。
  • user/repo：指定 GitHub 用户和仓库。
  • @version：可选版本号。
  • /path/to/image.png：文件路径。

加速类型

jsDelivr 支持以下几种加速服务：

  1. NPM 加速：用于加载发布在 NPM 上的 JavaScript 库、前端框架等。示例：https://cdn.jsdelivr.net/npm/package@version/file
  2. cdnjs 加速：提供经典的 JavaScript 库和插件的加速服务。示例：https://cdn.jsdelivr.net/cdnjs/library/version/file
  3. WordPress 插件加速：专门为 WordPress 插件提供的加速服务。示例：https://cdn.jsdelivr.net/wp/plugin/version/file
  4. GitHub 仓库加速：直接从 GitHub 仓库加载资源，包括 JavaScript、CSS、图片等文件。示例：https://cdn.jsdelivr.net/gh/user/repo@version/file

优缺点总结

  • 优点：全球分布节点，访问速度快；支持多种资源类型和源（NPM、GitHub、WordPress 等）；具备版本控制功能，方便管理文件版本。
  • 缺点：国内访问速度在部分地区可能不如国内优化的 CDN 站点，需要注意稳定性和响应速度。

智云加速

智云是一个全新的 JSD 加速站点，目的是为了更好地服务国内用户，提供快速、稳定的静态资源加载体验。智云的所有节点都在国内，这意味着对于大多数国内的站长和开发者来说，速度体验会更上一层楼！

初七云方面已经对智云的带宽进行了充足的准备，每天限制一个 T 流量，资源非常丰富。为了确保服务质量和长久稳定，希望大家能合理使用，不要滥用资源哦！

地址如下：

1
https://cdn.smartcis.cn/

如何测速

为了验证智云的加速效果，你可以使用 Chrome 的开发者工具，或者在线的 CDN 速度测试工具来检测资源加载的速度。下面是一些简单的步骤，你可以自己测试一下：

  1. 使用 Chrome 开发者工具：打开 Chrome 浏览器，按 F12 打开开发者工具，切换到“Network”选项卡，刷新页面，然后查看资源加载的时间。
  2. 在线测试工具：你可以使用 炸了么 或者其他 CDN 测速工具，输入 https://zhale.me/，观察不同地区的响应时间。

这里我也简单测试了一下：

  • 国内速度：因为智云全是国内节点，所以国内的速度非常不错。

    国内测速

  • 海外速度：海外由于用的也是国内的节点，所以在速度上可能差一点，如果你的服务主要面对海外可以直接使用jsdelivr

    海外测速

基本守则

虽然智云的资源和带宽都很充足，但它毕竟是一个公益性质的加速站点，所以我们在使用过程中也应该遵守一些基本的规则：

  1. 不要用于个人图床加速：图床消耗大量的带宽，不建议使用智云 CDN 来加速个人图片的访问，特别是那些大图或高频访问的图片，甚至有些人放一些视频在公共CDN上，这会极大的消耗公共资源。

  2. 不要加速字体文件：字体文件通常非常大，而且需要频繁更新，如果使用智云来加速字体文件，会对带宽造成很大的压力。

我们应当珍惜这个公共资源，共同维护这个高效的加速环境。如果出现滥用情况，不仅会影响所有用户的使用体验，甚至可能导致 CDN 服务停止。所以大家务必要守规则呀！我们一起正确的使用，不要让他成为第二个渺软！！！

Hexo上使用

由于我的主题是butterfly魔改而来，比较熟悉，所以下面我将详细介绍如何在 hexo-theme-butterfly 主题上配置智云 CDN，以加速博客的静态资源。hexo-theme-butterfly 支持通过配置文件自定义 CDN，方法如下：

  • 打开 hexo-theme-butterfly 的配置文件

    首先，找到你的博客项目中的 _config.butterfly.yml 文件，这个文件是 hexo-theme-butterfly 的主题配置文件。

  • 步骤 2：修改 CDN 设置

    找到以下配置部分，并进行修改，具体修改请自行看需求：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # CDN 设置
    # 不要修改以下设置，除非你知道它们的作用
    CDN:
      # 内部和第三方脚本的 CDN 提供商
      # 选项：local/jsdelivr/unpkg/cdnjs/custom
      # 注意：开发版本只能使用 'local' 作为内部脚本
      # 注意：当将第三方脚本设置为 'local' 时，需要安装 hexo-butterfly-extjs
      internal_provider: local
      third_party_provider: custom # 这里！！！

      # 添加版本号到 URL，true 或 false
      version: true

      # 自定义格式
      # 例如：https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
      custom_format: https://cdn.smartcis.cn/npm/${name}@${version}/${min_file} # 这里！！！

  • 步骤 3：保存并重新部署

    修改完成后，保存文件，并在项目根目录下执行以下命令，重新生成和部署博客：

    1
    2
    3
    hexo clean
    hexo generate
    hexo deploy

  • 步骤 4：验证效果

    打开你的博客，查看静态资源是否通过智云 CDN 加载，可以使用 Chrome 开发者工具来检查资源的来源。如果看到 https://cdn.smartcis.cn/ 的 URL，说明已经成功配置！

  • 如果你是其他主题，应该也有对应的接口，大家自行修改就好啦！

总结

智云 CDN 给我们提供了一个快速、稳定的国内加速方案，非常适合博客和其他小型网站使用。在享受加速服务的同时，希望大家能够自觉遵守使用规则，避免滥用，共同维护这个宝贵的公益资源。感谢初七云朋友们的辛勤付出，让我们能够享受到如此优秀的加速服务！下面是朋友开的初七云地址，如果有需要大家可以去看看！

🪧引用站外地址，不保证站点的可用性和安全性
初七云
初七云持续提供高效稳定的云产品

如果你有任何疑问或者遇到问题，欢迎在评论区留言，我们一起讨论交流！

让我们一起用上智云，一起飞快地冲起来吧！嗷嗷！ 💨

每日一图

可爱小熊猫！