cdn加速hexo博客_2次开发hexo-cdn-jsdelivr

2025-02-192025-02-28

hexo-cdn-jsdelivr是一款hexo博客的cdn加速插件，它可以帮助你快速的将博客相对和指定路径下的资源提取出来,并进行资源路径前缀的更改，从而实现博客的指定cdn资源加速。但随着hexo的版本更新，原插件的一些功能已经无法使用，所以本文二次开发了hexo-cdn-jsdelivr-plus插件，并将其发布到npm上，欢迎大家使用。

改进说明

1.去掉指定前缀的自动修改

原插件在指定前缀cdn_url_prefix后，会默认加上latest等标识，导致不支持相关格式的cdn访问失败，所以去掉了自动修改的功能，完全遵循用户指定的前缀。

2.支持博客图片的语法更为简洁

原插件长时间未更新，只支持hexo博客的早期语法：

<!-- You can use cdn_css(path) to replace css(path) in hexo -->
<%- cdn_css(path) %>

<!-- This is used to replace js(path) -->
<%- cdn_js(path) %>

<!-- This will return a url link which is the cdn link of the asset -->
<%- cdn_asset(path) %>

<!-- Examples -->
<%- cdn_css('style.css') %>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/<username>/<repo>@latest/css/style.css"> -->

<%- cdn_js('test.js') %>
<!-- <script src="https://cdn.jsdelivr.net/gh/<username>/<repo>@latest/js/test.js"></script> -->

<img src="<%- cdn_asset('assets/test.webp') %>"/>
<!-- <img src="https://cdn.jsdelivr.net/gh/<username>/<repo>@latest/assets/test.webp"/>  -->

修改后支持在博客直接使用markdown原生语法,包括内嵌html代码，更加简洁无感：

alt text

3.支持修改Front-matter参数

对于Post Front-matter 中值为相对路径的参数，也支持自动添加cdn前缀，目前使用cover参数进行测试，后续根据是否有需求考虑将支持更多参数或所有参数。

使用

安装

1	npm install hexo-cdn-jsdelivr-plus --save

配置

除语法外，配置同原插件相同，参考hexo-cdn-jsdelivr

更新日志

hexo-cdn-jsdelivr-plus第一次发布，支持博客图片的语法更为简洁，去掉了指定前缀的自动修改，支持修改Front-matter cover参数。
支持下列markdown语法:

1 2	- `!$[](img.webp)` #加$是为了防止被渲染，无视即可 - `<img src="img.webp">`

因为想要使用anzhiyu tags有关图片Gallery和image的自定义样式语法,重新优化了hexo-cdn-jsdelivr-plus@v1.0.1.
新增支持语法：

1 2	- `{% image 链接 %} ` - `{% inlineImg [src] %}`

同时插件不再将图片渲染为html代码,只负责识别相对路径资源并替换为CDN链接。

推荐订阅源

FrWalker Blog