利用CloudFlare的Workers和Pages反代Github并缓存实现Github文件加速访问 {message type="info" content="众所周知Github是全球最大的代码托管平台，我们可以通过使用GitHub学习知识、发现优秀的开源软件，也可以上传自己的项目或文件。但对于国内的同学来说，如果不挂代理，访问Github是不太稳定的，且下载巨慢。网上有很多Github加速访问的方法，如果你也想拥有一个属于自己独享的Github加速，可以按照此教程搭建一个你自己的反代来实现加速Github文件访问的服务。"/}CloudFlare{callout color="#f0ad4e"}CloudFlare提供的不仅仅是CDN，而是一个快速、敏捷、安全的全球网络。CloudFlare通过全球边缘网络实现超快速的静态和动态内容交付。对内容的高速缓存方式实行精确控制，降低带宽成本，并充分利用内置的不计量 DDoS 保护。今天我们使用 CloudFlare Workers 和 CloudFlare Pages来搭建我们的反代服务。{/callout}通过CloudFlare Workers实现反代{callout color="#f0ad4e"}没有CloudFlare账号可以去简单注册一个，以后肯定必然会用的到！首先，创建一个CloudFlare Workers服务，步奏如下图。{/callout}{gird column="2" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#f0ad4e"}创建好以后，编辑CloudFlare Workers服务，并写入以下代码即可。{/callout}addEventListener( "fetch",event => { let url=new URL(event.request.url); url.hostname="cdn.jsdelivr.net"; //你需要反代的域名 let request=new Request(url,event.request); event. respondWith( fetch(request) ) } ){gird column="2" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#f0ad4e"}由于CloudFlare Workers自带的免费works.dev域名国内已经无法访问了，需要通过绑定自定义域名.{/callout}{gird column="3" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#f0ad4e"}绑定好域名，我们就可以直接访问了!{/callout}通过CloudFlare Pages实现反代{message type="info" content="因为CloudFlare Pages可以连接Github，所以我们有两种方案1.直接上传反代脚本.2.将脚本文件托管在Github上，可实时更新."/}1.直接上传反代脚本.{callout color="#f0ad4e"}首先创建CloudFlare Pages服务，选择直接上传.{/callout}{gird column="2" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#f0ad4e"}然后创建一个项目文件夹（名字可以随意），在文件夹内创建一个_worker.js的文件，并写入以下代码：{/callout}export default { async fetch(request, env) { const _url = new URL(request.url); _url.hostname = _url.pathname.startsWith("/gh/") ? "cdn.jsdelivr.net" : "www.baidu.com"; const req = new Request(_url, request); return fetch(req); }, };{callout color="#f0ad4e"}将项目文件夹拖拽到上传区域进行上传（注意：是上传项目文件夹），然后部署项目.{/callout}{gird column="2" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}2.将脚本文件托管在Github上，可实时更新.{callout color="#f0ad4e"}首先创建一个Git项目，然后creating a new file 一个_worker.js的JS文件并写入以下代码保存.{/callout}export default { async fetch(request, env) { const _url = new URL(request.url); _url.hostname = _url.pathname.startsWith("/gh/") ? "cdn.jsdelivr.net" : "www.baidu.com"; const req = new Request(_url, request); return fetch(req); }, };{gird column="4" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#f0ad4e"}然后创建CloudFlare Pages服务，选择连接到Git，选择你刚刚创建的Git项目，开始设置。使用默认配置，并保存部署即可。{/callout}{gird column="3" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#4def86"}到此，我们通过CloudFlare Pages创建的服务已经成功了.{/callout}{callout color="#f0ad4e"}由于CloudFlare Pages自带的免费pages.dev域名国内访问也是很不稳定，这里极其建议同学们绑定自定义域名进行访问！方法也很简单，首先打开CloudFlare Pages，选择你刚刚创建的服务然后 点击自定义域 => 设置自定义域名 => 进行CNAME解析 => 激活域 即可大功告成！{/callout}{gird column="3" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}以上内容，我们已经完成了两种反向代理的搭建，大家自行选择一种，坚持能跑就行的原则，继续接下来的缓存步骤.配置Github加速文件的边缘缓存{callout color="#f0ad4e"}选择你得域名，点击 规则 => 页面规则 => 创建页面规则如图所示，设置以下规则，并保存部署页面规则即可.{/callout}{gird column="3" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}{callout color="#f0ad4e"}最后我们访问一下，感受一下速度~{/callout}今天也是一只白嫖怪噢~

Coding免费图床方案 {message type="info" content="现在绝大多数自建博客用的图床方案都是 GitHub+jsDelivr+PicGo，包括本站也是一样，优点在于零成本，简单的搭建方式以及不错的访问速度，但随着 jsDelivr 备案被取消，国内访问不再稳定，我开始考虑更好的代替品.之前其实也试过 Coding 或 Gitee 作为自建图床，但是体验都不是特别完美，Coding图床支持的软件太少了，不管是管理还是上传都并不是很方便，而 Gitee 图床超过1M就必须登录才能查看，之前试过使用类似于 Sync Repo to CODING 将同步到 Coding，但是效果不太理想。"/}🤔思路通过 Coding 持续集成自动将 GitHub 仓库实时同步到 Coding 仓库，并且替换PicGo中自定义网址。相同方法适用于 Gitee，不过更建议使用 Coding🧐优势coding 每月 1000 分钟，单任务 30 分钟，并且不限次数，仅用来同步完全够用，并且构建速度极快，每次构建 7~8 秒左右，通过 PicGo 上传图片后几乎感觉不到太大的延迟就可以显示出图片。相比于直接使用 Coding 或 Gitee 当图床的优势在于在于支持的软件和项目变多可以通过 vscode 等一键替换已有链接，达成无感迁移不改变原有基于 GitHub+jsDelivr+PicGo 方案的使用方式可以搭配类似于Imgbot或action-tinify完成图片的自动压缩优化管理方面可以使用picx或boomb类似的项目进行在线管理这是直接使用 Coding 或 Gitee 当图床所不具备的优势。需要的准备GitHub 账号Coding 账号VScode/TyporaPicGo / vs-picgo / Markdown Image🛠️部署打开 Coding 后创建一个项目选择按需选择，勾选 代码托管 和 构建流水线&自动化测试 完成创建进入项目后先创建项目令牌，记录下用户名和密码备用接下来导入 GitHub 中你选择当图床的仓库完成后点击 持续集成 选择 构建计划 划到最下方选择 自定义构建过程 ，代码仓库选择 GitHub 选择你刚刚导入的仓库点击确定后会自动跳转到配置流程，点击文本编辑器，输入以下代码，记得替换成自己的 Coding 仓库 urlpipeline { agent any stages { stage("检出") { steps { checkout([ $class: 'GitSCM', branches: [[name: GIT_BUILD_REF]], userRemoteConfigs: [[ url: GIT_REPO_URL, credentialsId: CREDENTIALS_ID ]]]) } } stage('拉取到Coding') { steps { echo "正在拉取" sh 'git push -f https://$CODING_NAME:$CODING_TOKEN@e.coding.net/你的团队名/项目名称/代码仓库名称.git HEAD:main' echo "拉取完成" } } } }在环境变量里输入 CODING_NAME 和 CODING_TOKEN 值就是刚刚申请的项目令牌的用户名和密码，完成后记得保存在 触发规则 里修改触发方式为推送到 main 分支时触发，并且将手动触发改为 main （可根据自己实际需求选择）完成后点击 立即构建 , 从现在起，你在 GitHub 上的仓库会自动同步到 Coding 仓库上，到此部署结束🚀实际使用开打PicGo/vs-picgo/Markdown Image中的任意一个，配置GitHub图床，将自定义网址替换为https://你的团队名.coding.net/p/你的项目名称/d/你的代码仓库名称/git/raw/main以vs-picgo为例{message type="success" content="现在直接使用快捷键上传图像，图片会自动将 GitHub 的链接替换为 Coding 的链接，请开始愉快的写作吧！"/}{message type="info" content="本文由转自 Coding 图床方案 ，版权归原作者所有。本文作者：千泷原文地址：https://www.myql.xyz/post/92e90c46/"/}

视频切片并上传到GitHub {message type="info" content="利用 jsDeliver + GitHub 实现免费 CDN 加速静态资源，例如图片、CSS、JS等，相信大家都知道。也有人想过存放视频，但是 jsDeliver 不支持加载超过 20M 的资源，所以视频需要压缩到 20M 以下。如果想要放部电影，那就需要用到 HLS切片 了。这里我用了狐妖小红娘竹业篇做测试，整部视频大小为 1.76G，以 20S 为一段共切了 506 段。"/}{callout color="#f0ad4e"}GitHub 并没有太限制项目库大小，所以理论来讲只要保证不会受到 GitHub 警告，你就拥有无限空间。{/callout}GitHub切片视频播放测试{dplayer src="https://cache.4ce.cn/gh/MoGuJ/Video-Bed/Your.Name/playlist.m3u8"/}切片命令我使用的 FFmpeg 工具来切片对视频进行转码(转为 mp4)，将视频文件转为视频编码 h.264，音频编码 aac 格式的 mp4 文件，mp4 视频文件不是 h.264 编码到后面切片的时候可能会遇到很多莫名其妙的问题# infile.mp4 是待转码的文件(可以是其他格式，比如 avi…… 之类的) # outfile.mp4 是转码输出文件 # libx264 转为 h.264 编码 ffmpeg -i infile.mp4 -c:v libx264 -strict -2 outfile.mp4将 mp4 切片，并生成 m3u8 文件# output.mp4 需要切片的视频文件 # playlist.m3u8 待生成的 m3u8 文件名 # 5 切片时间，表示隔几秒进行切一个文件 # output%03d.ts 生成切割ts文件名，output%03d.ts 代表生成 output001.ts、output002.ts 这样的格式，03d 可以随意修改，占位符 ffmpeg -i output.mp4 -c copy -map 0 -f segment -segment_list playlist.m3u8 -segment_time 5 output%03d.ts这样就算切片成功了，视频被切割成你想要长度的 ts 文件，只要低于 20M 就可以放入 GitHub 了

用github做图床的一款typecho插件—GitStatic GitHub图床typecho插件特点插件支持typecho自带附件上传访问速度超快 (你问速度吗？本文图片可全是秒加载）稳定性 (你问这个是怕最大的 ** 网站跑路吗？）免费白嫖 (没错就是白嫖）项目地址GitHub项目地址安装教程下载插件解压到插件目录获取 token创建仓库 (不会？别急创建仓库）设置插件用户名填入 github 账号填入 token储存桶填入仓库名没有 github 账号？注册呗后话插件处于公测阶段 不稳定性较大但是目前能够原生兼容typecho并且速度不会比 cos oss 差在后期计划对静态资源加速有问题可以留言啊