以前は「画像ホスティング」の概念がなかったため、ブログに画像を添付ファイルとしてアップロードしていましたが、私の選択肢は「できるだけ画像を含まないもの」でした。。
徐々に習慣になり、たまに画像をアップロードする必要がある場合は、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 リポジトリをホスティングする画像ホスティング - 森見鹿のブログ:
画像の URL は次の通りです:
https://raw.githubusercontent.com/wdssmq/Markdown-To-Z-Blog/main/doc/001.orig.png
https://img.wdssmq.workers.dev/doc/001.orig.png
実際の設定手順は次を参照してください:「「折腾」Cloudflare Worker 反代 RSSHub_电脑网络_沉冰浮水」
addEventListener("fetch", event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
// Cloudflare Workersが割り当てたドメイン
// const cf_worker_host = "img.wdssmq.workers.dev";
// 自分のドメインもバインドする
const cf_worker_host = new RegExp("img.wdssmq.workers.dev|img.wdssmq.com","g");
// GitHubリポジトリのファイルアドレス
const github_host = "raw.githubusercontent.com/wdssmq/Markdown-To-Z-Blog/main";
// 置換
const url = request.url.replace(cf_worker_host, github_host);
return fetch(url);
}
2022-06-17:
そして、md ファイルで相対パスを直接書くこともできるようになり、公開時に自動的に置換されます;
wdssmq/Markdown-To-Z-Blog: 使用 GitHub Actions + Markdown 更新 Z-Blog 博客。#md2zb:
https://github.com/wdssmq/Markdown-To-Z-Blog# 图床
使用 GitHub Actions + Markdown 更新 Z-Blog 博客_电脑网络_沉冰浮水: