「折腾」关于 2021 年末仍然没有完备的图床方案这件事

吐槽/反馈/建议:我的咸鱼心    爱发电-@wdssmq

早年没有「图床」概念时写博客都是把图片作为附件传博客程序里,而我的选择更是「尽量不发带图的东西」。。

慢慢就变成了习惯,,后来再偶尔需要发图时就传到sm.ms这类公益图床;

使用 GitHub Actions + Markdown 更新 Z-Blog 博客: wdssmq/Markdown-To-Z-Blog

图片和 .md 文件放在一起,日常编辑用 VSCode + Markdown All in One 插件,然后用 Typora + PicGo 上传引入的图片;

且不说 Typora 现在收费了,最大的问题上传图片时不支持带有#号的路径。。。

前边「「原神」关于满地图打素材却发现可以自动追踪这件事_杂七杂八_沉冰浮水」一文中也有说过,jsDelivr 现在虽然恢复使用了,作为图床总有些担心,,// 虽然我已经在各种地方用作 CDN 了。。

总之现在决定研究下 Cloudflare Workers 给 GitHub 当 CDN 的方案;

Cloudflare Workers 反代使用 GitHub 仓库搭建的图床 - 森见鹿的博客:

http://senjianlu.com/2021/12/cloudflare-workers-image/

图片地址对应:

https://raw.githubusercontent.com/wdssmq/Markdown-To-Z-Blog/main/doc/001.orig.png

https://img.wdssmq.workers.dev/doc/001.orig.png

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  // Cloudflare Workers 分配的域名
  cf_worker_host = "img.wdssmq.workers.dev";
  // GitHub 仓库文件地址
  github_host = "raw.githubusercontent.com/wdssmq/Markdown-To-Z-Blog/main";
  // 替换
  url = request.url.replace(cf_worker_host, github_host);
  return fetch(url);
}

本地编辑时用如下形式的相对链接,发布时替换,不过自动化仍然是问题,,先这样吧:

<!-- 本地相对链接 -->
![info-000.png](../2021-12-07-Genshin-Impact/info-000.png)

<!-- CDN 链接 -->
![info-000.png](https://img.wdssmq.workers.dev/_posts/2021-12-07-Genshin-Impact/info-000.png)

爱发电

本文标题:《「折腾」关于 2021 年末仍然没有完备的图床方案这件事》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20211225085.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

召唤伊斯特瓦尔