个人向~自建镜像与一些适合个人站长的小玩具~
cdnjs.hoarfall.cn · 自建资源公开调用说明
作者：阿晨（Hoarfall）· 更新：2026-09-05
本站除托管 cdnjs 前端库镜像外，另提供两套自建资源供任意站点公开调用：① Live2D 看板娘（Paul_Pio）、② 网站专属 Web 字体。所有资源均开放 CORS 跨域（Access-Control-Allow-Origin: *），HTTPS 由阿里云 ESA 边缘提供，HTTP/HTTPS 页面均可直接引用，无需申请。
同时也欢迎大家可以把有意思的东西来挂载到我的镜像站~可以私信或在评论下方提供原版链接，我都会去看的！
0. 通用说明
- 资源域名：
https://cdnjs.hoarfall.cn - CORS 已全站放开（含字体跨域引用所需头）。前端 fetch 请勿开启
credentials:'include'（ACAO:* 与凭据不兼容）。
一、Live2D 看板娘（Paul_Pio · Cubism 4）
1.0 演示效果
1.1 资源清单（/live2d/）
| 文件 | 作用 |
|---|---|
| live2dcubismcore / pixi / cubism4 | Live2D Cubism 4 运行时（依赖顺序固定） |
| TweenLite.js | 动画库 |
| pio.css | 看板娘外壳样式（对话泡/按钮/头像） |
| pio.js | Paul_Pio 类（外壳、对话、按钮交互） |
| pio_sdk4.js | loadlive2d() 加载器 + 全局 pio_alignment（left/right） |
| load.js | 开箱即用初始化（内置模型列表） |
| Diana/、Ava/ | 模型：嘉然 / 向晚（各自 .model3.json 入口） |
1.2 一键引入（8 行，顺序不可乱）
<!--live2d--> <script src="https://cdnjs.hoarfall.cn/live2d/TweenLite.js"></script> <script src="https://cdnjs.hoarfall.cn/live2d/live2dcubismcore.min.js"></script> <script src="https://cdnjs.hoarfall.cn/live2d/pixi.min.js"></script> <script src="https://cdnjs.hoarfall.cn/live2d/cubism4.min.js"></script> <link href="https://cdnjs.hoarfall.cn/live2d/pio.css" rel="stylesheet" type="text/css"/> <script src="https://cdnjs.hoarfall.cn/live2d/pio.js"></script> <script src="https://cdnjs.hoarfall.cn/live2d/pio_sdk4.js"></script> <script src="https://cdnjs.hoarfall.cn/live2d/load.js"></script>
1.3 默认行为与自定义
- 页面需有容器：
<div class="pio-container"><canvas id="pio"></canvas></div> - load.js 内置：模型 Diana（嘉然）/ Ava（向晚），pio_alignment = “left”（左下角，可改 “right” 右下角）。
- 自定义：把 load.js 拷到自己站点改 model 数组 / pio_alignment / 对话文案后引入；或去掉 load.js 自行 new Paul_Pio + loadlive2d()。
1.4 注意事项
- 脚本顺序必须按 1.2 排列，load.js 须在 pio.js / pio_sdk4.js 之后。
- Diana 曾因 model3.json 缺 Bounds 字段导致模型空白（已修复并补回）。
- ESA 会在响应附 acw_tc/cdn_sec_tc Cookie（WAF 会话），不影响静态资源加载。
二、自建 Web 字体（/hoarfall-woff/）
2.1 字体清单
| 字体 | 家族名（CSS 用） | 字重 | 覆盖/体积 | 适用 |
|---|---|---|---|---|
| 汉仪唐美人 | ‘HYTangMeiRen 55W’ | 400 | 9893 汉字 / 约 3.5MB（13.woff2） | 中文标题 / 装饰 |
| Orbitron | ‘Orbitron’ | 400/800/900 | 西文 183 字符 / 各约 6KB | Logo / 数字 / 科技感 |
| Rajdhani | ‘Rajdhani’ | 300/400/600/700 | 西文 204 字符 / 各约 15KB | 正文 / 菜单 / 数字统计 |
2.2 完整 @font-face CSS（复制即用）
@font-face { font-family:'HYTangMeiRen 55W'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/13.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Orbitron'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/orbitron-v35-latin-regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Orbitron'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/orbitron-v35-latin-800.woff2') format('woff2'); font-weight:800; font-display:swap; }
@font-face { font-family:'Orbitron'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/orbitron-v35-latin-900.woff2') format('woff2'); font-weight:900; font-display:swap; }
@font-face { font-family:'Rajdhani'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/rajdhani-v17-latin-regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Rajdhani'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/rajdhani-v17-latin-300.woff2') format('woff2'); font-weight:300; font-display:swap; }
@font-face { font-family:'Rajdhani'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/rajdhani-v17-latin-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Rajdhani'; src:url('https://cdnjs.hoarfall.cn/hoarfall-woff/rajdhani-v17-latin-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
2.3 用法示例
h1.title { font-family:'Orbitron', sans-serif; font-weight:900; } /* 科技感英文标题 */
body { font-family:'Rajdhani', sans-serif; } /* 英文正文 */
.logo-cn { font-family:'HYTangMeiRen 55W', serif; } /* 中文装饰标题 */
三、版权与许可
- 看板娘程序：Paul_Pio（Dreamer-Paul，GPL-2.0）
- 模型素材：Diana（嘉然）/ Ava（向晚）为 A-SOUL 相关二创 Live2D，版权归原作者/版权方，仅作展示。
- 西文字体：Orbitron / Rajdhani，SIL OFL 1.1，可自由使用与再分发（保留版权声明）。
