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

推荐订阅源

V
Visual Studio Blog
I
InfoQ
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 【当耐特】
小众软件
小众软件
B
Blog RSS Feed
大猫的无限游戏
大猫的无限游戏
博客园 - 三生石上(FineUI控件)
Engineering at Meta
Engineering at Meta
人人都是产品经理
人人都是产品经理
Microsoft Security Blog
Microsoft Security Blog
Last Week in AI
Last Week in AI
H
Help Net Security
爱范儿
爱范儿
云风的 BLOG
云风的 BLOG
博客园 - 司徒正美
Y
Y Combinator Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Microsoft Azure Blog
Microsoft Azure Blog
L
LangChain Blog
WordPress大学
WordPress大学
GbyAI
GbyAI
Google DeepMind News
Google DeepMind News
腾讯CDC

竹林里有冰的博客

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 认证 | 竹林里有冰的博客
自建图床小记四——上传脚本编写与图片迁移 | 竹林里有冰的博客
竹林里有冰 · 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)