惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
U
Unit 42
博客园 - 三生石上(FineUI控件)
aimingoo的专栏
aimingoo的专栏
人人都是产品经理
人人都是产品经理
Apple Machine Learning Research
Apple Machine Learning Research
MongoDB | Blog
MongoDB | Blog
Microsoft Azure Blog
Microsoft Azure Blog
G
Google Developers Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
云风的 BLOG
云风的 BLOG
Jina AI
Jina AI
S
Schneier on Security
T
Threatpost
Blog — PlanetScale
Blog — PlanetScale
Microsoft Security Blog
Microsoft Security Blog
Spread Privacy
Spread Privacy
The Register - Security
The Register - Security
Google DeepMind News
Google DeepMind News
L
LINUX DO - 热门话题
T
Tenable Blog
M
MIT News - Artificial intelligence
Vercel News
Vercel News
C
CERT Recently Published Vulnerability Notes
A
Arctic Wolf
C
Cyber Attacks, Cyber Crime and Cyber Security
L
Lohrmann on Cybersecurity
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Hacker News
The Hacker News
P
Proofpoint News Feed
Last Week in AI
Last Week in AI
P
Palo Alto Networks Blog
A
About on SuperTechFans
V
Visual Studio Blog
T
The Exploit Database - CXSecurity.com
Scott Helme
Scott Helme
D
Darknet – Hacking Tools, Hacker News & Cyber Security
K
Kaspersky official blog
MyScale Blog
MyScale Blog
月光博客
月光博客
P
Privacy & Cybersecurity Law Blog
H
Help Net Security
腾讯CDC
T
Tailwind CSS Blog
博客园_首页
The GitHub Blog
The GitHub Blog
Recent Announcements
Recent Announcements
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
博客园 - 【当耐特】

竹林里有冰的博客

Nuxt SSG 博客的尾斜杠到底怎么加? | 竹林里有冰的博客 小米 Xiaomi Book Pro 14 (Ultra X7) Linux 兼容性实测 | 竹林里有冰的博客 国内(大陆)版小米 FCM 熄屏断连:Rootless 环境下的尝试与可能的解决方案 | 竹林里有冰的博客 我没法访问 dl.google.com —— 记一次 TUN 下的网络 debug | 竹林里有冰的博客 Vercel 的缓存控制,你注意过吗? | 竹林里有冰的博客 小记 —— Caddy 在 Layer 4 上的流量代理实践 | 竹林里有冰的博客 你的域名后缀拖慢你的网站速度了嘛?——再谈 DNS 冷启动 | 竹林里有冰的博客 DNS 冷启动:小型站点的“西西弗斯之石” | 竹林里有冰的博客 HTTP/2 Server Push 已事实性“死亡”,我很怀念它 | 竹林里有冰的博客 Nuxt Content v3 中数组字段的筛选困境与性能优化 | 竹林里有冰的博客 后 OCSP 时代,浏览器如何应对证书吊销新挑战 | 竹林里有冰的博客 初试 Github Action Self-hosted Runner,想说爱你不容易 | 竹林里有冰的博客 DNS 解析延迟毁了我的图床优化 | 竹林里有冰的博客 Vue Markdown 渲染优化实战(下):告别 DOM 操作,拥抱 AST 与函数式渲染 | 竹林里有冰的博客 Vue Markdown 渲染优化实战(上):从暴力刷新、分块更新到 Morphdom 的华丽变身 | 竹林里有冰的博客 node-sass 迁移至 dart-sass 踩坑实录 | 竹林里有冰的博客 前端中的量子力学——一打开 F12 就消失的 Bug | 竹林里有冰的博客 2025 年,如何为 web 页面上展示的视频选择合适的压缩算法? | 竹林里有冰的博客 el-image 和 el-table 怎么就打架了?Stacking Context 是什么? | 竹林里有冰的博客 2025年,前端如何使用 JS 将文本复制到剪切板? | 竹林里有冰的博客 ssh 拯救世界——通过 ssh 隧道在内网服务器执行 APT 更新 | 竹林里有冰的博客 Cudy TR3000 吃鹅(daed)记 | 竹林里有冰的博客 使用 Cloudflare Workers 监控 Fedora Copr 构建状态 | 竹林里有冰的博客 基于 Cloudflare Workers 实现的在线服务状态检测告警系统 | 竹林里有冰的博客 构建部署在 Cloudflare Workers 上的 TG Bot | 竹林里有冰的博客 2024年,Firefox 是唯一还在坚持执行在线的 SSL 证书吊销状态检查的主流浏览器 | 竹林里有冰的博客 小爱课程表适配不完全指北——以 ZJUT 本科正方教务系统为例 | 竹林里有冰的博客 将博客从 waline v2 更新到 waline v3 | 竹林里有冰的博客 给家里云装上 Fedora 41 KDE 后,我是如何配置的 | 竹林里有冰的博客 为 Hexo 添加 follow 认证 | 竹林里有冰的博客 使用 GPT 对 waline 的评论进行审查 | 竹林里有冰的博客 基于 JavaScript 的 Hexo Fluid 主题 banner 随机背景图实现 | 竹林里有冰的博客 使用向日葵智能插座 C2 用电记录推算宿舍上次烧水时间 | 竹林里有冰的博客 使用 Caddy 反向代理 dockerhub 需要几步? | 竹林里有冰的博客 将 Rustdesk 中继服务从 Arch Linux 迁移至 Debian | 竹林里有冰的博客 自建图床小记五——费用 | 竹林里有冰的博客 自建图床小记三—— SSL 证书的自动更新与部署 | 竹林里有冰的博客 自建图床小记二——使用 Workers 为 R2 构建 Restful API | 竹林里有冰的博客 自建图床小记一——图床架构与 DNS 解析 | 竹林里有冰的博客 在 Linux 下使用 mitmproxy 抓取安卓手机上的 HTTPS 流量 | 竹林里有冰的博客 为中柏 N100 小主机开启来电自启 | 竹林里有冰的博客 我的博客被完整地反向代理,并自动翻译成了繁体中文 | 竹林里有冰的博客 尝试体验 Fedora COPR 中的 allow SSH 功能 | 竹林里有冰的博客 在 Arch Linux 下配置使用 HP Laser 103w 打印机无线打印 | 竹林里有冰的博客 使用动态公网 ip + ddns 实现 rustdesk 的 ip 直连 | 竹林里有冰的博客 使用 Windows 虚拟机运行虚拟专用网客户端为 Linux 提供内网环境 | 竹林里有冰的博客 以 Archlinux 中 makepkg 的方式打开 rpmbuild | 竹林里有冰的博客 使用 Github Action 更新用于 rpm 打包的 spec 文件 | 竹林里有冰的博客 使用 Python 生成甘特图(Gantt Chart) | 竹林里有冰的博客 uniapp 中的图片预加载 | 竹林里有冰的博客 小记 - 尝试拼凑出 apt 仓库中的 deb 包下载地址 | 竹林里有冰的博客 在 Linux 下使用 mitmproxy 抓取 HTTPS 流量 | 竹林里有冰的博客 如何使用 docker 部署 onemanager | 竹林里有冰的博客 crontab 中简单的@语法糖 | 竹林里有冰的博客 备份 umami 数据库,并使用 TG Bot 保存 dump 文件 | 竹林里有冰的博客 在 JavaScript 中,箭头函数中的 this 指针到底指向哪里? | 竹林里有冰的博客 结合 Vue.js 与 php 完成的 web 期末大作业,讲讲前后端分离站点开发与部署中可能遇到的 CORS 跨域问题 | 竹林里有冰的博客 vuejs、php、caddy 与 docker —— web 期末大作业上云部署 | 竹林里有冰的博客 【翻译】使用 PHP 构建简单的 REST API | 竹林里有冰的博客 在 Hexo Fluid 主题中使用霞鹜文楷 | 竹林里有冰的博客 【翻译】GLWTPL——祝你好运开源许可证 | 竹林里有冰的博客 通过巴法云将向日葵智能插座接入米家,实现小爱同学远程控制 | 竹林里有冰的博客 使用 Root 后的安卓手机获取向日葵智能插座 C2 的开关 api | 竹林里有冰的博客 创建 b23.tv 追踪参数移除 bot | 竹林里有冰的博客 jinja2 中如何优雅地实现换行 | 竹林里有冰的博客 手动指定 python-selenium 的 driver path 以解决在中国大陆网络环境下启动卡住的问题 | 竹林里有冰的博客 从零开始的静态网页部署(到个人云服务器) | 竹林里有冰的博客 在运行OpenWRT的N1盒子上部署 QQBot | 竹林里有冰的博客 在浙工大宿舍使用路由器连接移动网络(校园网) | 竹林里有冰的博客 为红米 Redmi AC2100 路由器刷入 Padavan | 竹林里有冰的博客 Azure 教育订阅申请时遇到的麻烦 | 竹林里有冰的博客 执行 repo sync 后将 git-lfs 中的资源文件 checkout | 竹林里有冰的博客 隐式转发——骚套路建站方案 | 竹林里有冰的博客 在 vps 上配合 caddy 部署 siteproxy | 竹林里有冰的博客 onedrive(by abraunegg) —— 一个 Linux 下的开源 OneDrive 客户端(cli) | 竹林里有冰的博客 【翻译】关于2022年11月的事件的一些话[Z-Library] | 竹林里有冰的博客 【已过期】使用 vercel+supabase 免费部署 umami | 竹林里有冰的博客 我的博客部署方案 | 竹林里有冰的博客 使用 VirtScreen 将 Pad 作为副屏 | 竹林里有冰的博客 在 Archlinux 下使用 l2tp 协议连接校园网 | 竹林里有冰的博客 为 Element 添加自己喜欢的贴纸 | 竹林里有冰的博客 nodejs16:是我配不上 openssl 3 咯? | 竹林里有冰的博客 如何拯救失声的 hollywood | 竹林里有冰的博客 处理 fcitx5 的文字候选框在 tg 客户端上闪烁的问题 | 竹林里有冰的博客 使用caddy反向代理维基百科中文站点 | 竹林里有冰的博客 创建一个本地的 Fedora 镜像源 | 竹林里有冰的博客 好软推荐——FastOCR | 竹林里有冰的博客 抛弃PicGo,直接使用curl将图片上传到LskyPro | 竹林里有冰的博客 使用 Github Action 跑 rpmbuild | 竹林里有冰的博客 如何打出一个「-git」的rpm包 | 竹林里有冰的博客 雪藏在开源镜像站点中的那些常用却不为人知的软件 | 竹林里有冰的博客 在Fedora搭建jekyll环境——dnf module | 竹林里有冰的博客 pacman更新时遇到「GPGME 错误:无数据」 | 竹林里有冰的博客 PicUploader使用系列(二)——为KDE的dolphin添加右键快捷菜单 | 竹林里有冰的博客 PicUploader使用系列(一)——在Archlinux上使用Caddy部署PicUploader | 竹林里有冰的博客 使用AUR(Helper)安装软件时究竟发生了什么?对于常见的构建错误如何解决? | 竹林里有冰的博客 下载一份openharmony的源码 | 竹林里有冰的博客 在Windows与Linux双系统下共享蓝牙鼠标 | 竹林里有冰的博客 我在Archlinux上的常用软件 | 竹林里有冰的博客 安卓解包笔记 | 竹林里有冰的博客
自建图床小记四——上传脚本编写与图片迁移 | 竹林里有冰的博客
竹林里有冰 · 2024-08-20 · via 竹林里有冰的博客

前面三篇小记分别讲述了图床的整体架构用 Workers 构建 Restful API自动更新部署 SSL 证书,这一篇c处理由此带来的图片上传问题,主要是要为 Typora 编写自动上传脚本,并为博客原有的图片进行迁移。

自动上传脚本#

主要还是给 Typora 用,实现这种效果

Typora 自动上传Typora 自动上传

#!/bin/bash

HOST="upload.example.com"
CDN_HOST="cdn.example.com"
UPLOAD_PATH="uploads/$(date +%Y/%m/%d)"

AUTH_TOKEN="1145141919810"

webp=false
markdown=false
force=false
keep=false

while getopts ":mwfkp:" opt; do
    case $opt in
        m|markdown) markdown=true ;;
        w|webp) webp=true ;;
        f|force) force=true ;;
        k|keep) keep=true ;;
        p|path) UPLOAD_PATH=$OPTARG ;;
        \?) echo "Invalid option: -$OPTARG" ;;
    esac
done
shift $((OPTIND - 1))

UPLOAD_URL="https://$HOST/$UPLOAD_PATH"
if [[ "$UPLOAD_URL" == */ ]]; then
    UPLOAD_URL="${UPLOAD_URL%?}"
fi

for image in "$@"; do
    if [ "$webp" = true ]; then
        cwebp -quiet "$image" -o "${image%.*}.webp"
        image="${image%.*}.webp"
    fi

    if [ "$keep" = true ]; then
        FILENAME=$(basename "$image")
    else
        FILENAME="$(md5sum $image | cut -c 1-13).$(basename $image | cut -d. -f2)"
    fi

    if [ "$force" = true ]; then
        UPLOAD_RESPONSE=$(curl -s -X PUT "${UPLOAD_URL}/$FILENAME" \
            -w "%{http_code}" \
            --data-binary @"$image" \
            -H "X-Custom-Auth-Key: $AUTH_TOKEN" \
            -H "Overwrite: true" \
        )
    else
        UPLOAD_RESPONSE=$(curl -s -X PUT "${UPLOAD_URL}/$FILENAME" \
            -w "%{http_code}" \
            --data-binary @"$image" \
            -H "X-Custom-Auth-Key: $AUTH_TOKEN" \
        )
    fi

    UPLOAD_HTTP_CODE=$(echo "$UPLOAD_RESPONSE" | tail -n1)

    if [ -n "$UPLOAD_PATH" ]; then
        CDN_URL="https://$CDN_HOST/$UPLOAD_PATH/$FILENAME"
    else
        CDN_URL="https://$CDN_HOST/$FILENAME"
    fi

    if [ "$UPLOAD_HTTP_CODE" != "200" ]; then
        echo "上传失败: $UPLOAD_RESPONSE"
        continue
    fi

    if [ "$markdown" = true ]; then
        echo "![](${CDN_URL})"
    else
        echo "${CDN_URL}"
    fi
done

这一次使用 Cloudflare Workers 构建的 Restful API 很有意思,使用了 GETPUTDELETE 三个请求类型。GET 请求很常见,是用来获取图片的,PUTDELETE 在 web 开发就不如 GETPOST 常见了,这一次也是让我体会到了这两个 http verb 在 Storage Bucket 操作中是有多么形象了。

  • PUT - 从直观上来讲,就是将某个文件放到目标位置
    打个比方,我向 https://cdn.example.com/img/avatar.webp 打了一个请求,并带上了要上传的文件,那就意味着我将这个文件放到了 Storage Bucket 的 /img/avatar.webp 这个位置,所以我在上传后,应该就能用 GET 请求我刚才 PUT 的那个 URL 获取我刚才上传的东西。如果那个路径存在文件,那么默认行为是直接覆盖。
  • DELETE - 删除目标路径的文件
    PUT 一样,我在请求对应 URL 后,Storage Bucket 中对应 URL 路径的资源应该被删除。

PUTDELETE 这两个 Http Verb 让我们更像是在对一个真实的文件系统进行操作,而非那种传统的使用 POST 上传的图床那样,我们并不通过 POST 请求上传一个文件,然后获取资源最终被放置位置的 URL —— 我们自己决定资源被存放的位置。

在这个 Shell 脚本中,引入了四个可选选项

    m|markdown) markdown=true ;;
    w|webp) webp=true ;;
    f|force) force=true ;;
    k|keep) keep=true ;;
    p|path) UPLOAD_PATH=$OPTARG ;;
  • markdown 选项决定返回值是否以 ![]() 这种 URL 格式返回
  • webp 决定上传过程中是否将图片转为 webp 后再上传
  • force 决定如果遇到文件路径冲突,是否强制覆盖云端的文件
  • keep 决定是否保留文件原有的文件名进行上传
  • path 决定文件具体被存放的路径(或者使用默认的路径)

HOST 是图床用于上传的地址,CDN_HOST 是图床用于被方可访问的地址。

由于急着用,也没考虑协程的处理方式,等等看后期有没有时间用 Python 重写吧。

博客图床迁移脚本#

因为只用一次,所以也没使用协程或者多线程的方式去上传文件——毕竟图片不多,也就两三百张。

import os
import re
import requests

# 哪些后缀的文件需要检测是否存在老图床的 URL 并进行迁移?
file_extension = [
    '.md',
    '.yml',
    '.html'
]

pic_urls = []

_files = []

# 用于匹配老图床的正则表达式,这里是按照 lsky pro 的格式编写的
pattern = r'https://cdn.example.com/\d{4}/\d{2}/\d{2}/[a-z0-9]{13}\.[a-z]{3,4}'

# 图片的上传部分,需要先从原 url 中下载图片,在上传到新图床中,如果需要的话可以在中途转换为 webp 格式
def upload(url):
    """
    此处的返回值应该是新的 url
    """

# 遍历目标后缀文件名的文件,如果存在老图床的 url,则将 url 加入到 pic_urls 列表中,并将这个文件的文件名(相对路径)添加到 _files 列表中
for root, dirs, files in os.walk("."):
    for file in files:
        if file.endswith(tuple(file_extension)):
            file_name = os.path.join(root, file)
            with open(file_name, 'r') as f:
                content = f.read()
            urls = re.findall(pattern, content)
            if urls:
                pic_urls.extend(urls)
                _files.append(file_name)

# 先转为集合,再转回列表,进行去重
pic_urls = list(set(pic_urls))
print("共找到图片:", len(pic_urls))

url_dict = {}

# 将列表中的图片进行上传,每张图片最多尝试三次上传,如果三次都失败,则保留原连接
for i,u in enumerate(pci_urls, start=1):
    for t in range(1,4):
        try:
            new_u = upload(u)
            continue
        except:
            if t == 3:
                new_u = u
                print(f"{u} 无法上传:{e}")
    url_dict[u] = new_u
    print(f"{i} / {len(pic_urls)}")

# 对 _files 列表中的文件一一完成替换
for file in _files:
    with open(file, 'r') as f:
        content = f.read()
    for k, v in url_dict.items():
        content = content.replace(k, v)
    with open(file, 'w') as f:
        f.write(content)
    print("完成替换:", file)