跳转到内容

公益 CDN

时光2025/10/230 0 m

推荐

为解决个人笔记站、博客站的资源加载速度问题,我借助 CodeBuddy 工具搭建了一个公益 CDN 加速站,部署于腾讯 EdgeOne 平台。该 CDN 主要存储字体切片文件及部分 SVG 图标资源,方便个人站点调用以减小项目文件的大小、提升页面加载效率,同时也开放给有需要的开发者使用。

字体资源使用方法

操作步骤

  1. 在 CSS 文件顶部通过@import语句引入目标字体样式文件;

  2. 在对应选择器中指定引入的字体名称即可生效。

代码示例

/* 在CSS顶部引入字体(钉钉进步体) */
@import url("https://cdn.ksah.cn/fonts/DingTalk_JinBuTi/result.css");
/* 定义选择器使用该字体 */
body {
  font-family: 'DingTalk JinBuTi', sans-serif;
}

SVG 图标使用方法

适用场景

支持在 Vue 组件、Markdown 文档等多种场景中直接使用,适配大部分前端开发场景。

代码示例

<style scoped>
/* 引入图标样式文件 */
@import url("https://cdn.ksah.cn/fonts/icomoon/font.css");
</style>
<!-- 使用图标并设置尺寸 -->
<i class="icon-linggan" style="font-size: 60px"></i>

显示效果

图标库查询

下方为当前 CDN 已收录的 SVG 图标库,点击对应图标区域即可自动复制图标使用代码,便捷嵌入你的项目中。

VitePress Algolia Twikoo EdgeOne Copyright