小记 | 那些奇奇怪怪的图床

Table of Contents

文章迁移计划，样式可能出错

最近想用 IPFS 做图床但是发现的一堆奇奇怪怪的图床

(PS: 不会介绍传统的 GitHub + JSdelivr / SM.MS / 路过图床)

Bilibili 图床 #

十分简单

PicGO 搜索 bilibili

接着配置 Bilibili 图床

SESSDATA 可以登录哔哩哔哩后查看

进入哔哩哔哩,按下 F12

定位到应用 -> COOKIE

选择 https://www.bilibili.com

在名称内找到 SESSDATA

点击它

然后在 Cookie Value 中复制值,粘贴进去

之后确定,设置默认图床即可

良心的处理参数 #

哔哩哔哩图床有十分良心的处理参数

Type	URL
原图	不做更改
原分辨率, 质量压缩	原链接 + @1e_1c.jpg
原分辨率, 质量压缩(WEBP)	原链接 + @1e_1c.webp
规定宽, 高度自适应, 质量压缩(可变 WEBP)	原链接 + @104w_1e_1c.jpg
规定高, 宽度自适应, 质量压缩(可变 WEBP)	原链接 + @104h_1e_1c.jpg
规定高宽, 质量压缩(可变 WEBP)	@104w_104h_1e_1c.jpg
原分辨率(WEBP)	@104w_104h_1e_1c.webp

这是哔哩哔哩的处理参数

哔哩哔哩还有许多节点可以选择

自定义 CDN #

金山 CDN 路线:

i0.hdslb.com
i2.hdslb.com

阿里 CDN 路线:

i1.hdslb.com
i4.hdslb.com
s1.hdslb.com
s3.hdslb.com

未知 CDN 路线:

s2.hdslb.com

~~Bilibili 图床有防盗链,如果你要在你自己的网站中用 Bilibili 图床,得先配置头~~

<meta name="referrer" content="no-referrer">

~~如果你用的 Hexo - Butterfly 则可以在配置文件中这样配置~~

inject:
  head:
      - <meta name="referrer" content="no-referrer">

2024 年 1 月 30 日更新：叔叔已经设置了禁止空头，目前哔哩哔哩图床使用有一些门槛了，如果你和我一样部分文章用了叔叔做图床，可以写一个跨域脚本

import https from 'https';

export default async function handler(request, response) {
  const { fetch: imageUrl } = request.query;

  if (!imageUrl) {
    return response.status(400).json({ error: 'No image URL provided' });
  }

  const options = {
    headers: {
      'Referer': 'https://www.bilibili.com'
    }
  };

  try {
    https.get(imageUrl, options, (res) => {
      if (!res.statusCode || res.statusCode < 200 || res.statusCode >= 300) {
        return response.status(res.statusCode).json({ error: 'Failed to fetch image' });
      }

      response.setHeader('Content-Type', res.headers['content-type']);

      res.pipe(response);
    }).on('error', (error) => {
      response.status(500).json({ error: error.message });
    });
  } catch (error) {
    response.status(500).json({ error: error.message });
  }
}

接着你可以写一个 Powershell 脚本进行替换

$rootPath = "./"  # 替换成你想要搜索的目录
$matchPattern = 'https://i0\.hdslb\.com/'  # 来匹配的URL
$replaceWith = 'https://api.hesiy.cn/api/cross?fetch=https://i0.hdslb.com/'  # 替换为新的URL

$markdownFiles = Get-ChildItem -Path $rootPath -Recurse -Filter *.md

foreach ($file in $markdownFiles) {
    $content = Get-Content -Path $file.FullName -Raw
    $newContent = $content -replace $matchPattern, $replaceWith

    Set-Content -Path $file.FullName -Value $newContent
}

Write-Host "所有Markdown文件中的URL已经更新完成。"

注意：如果你使用了早期的哔哩哔哩图床或者自定义了 CDN，你也要跟着进行修改

配套食用 #

浏览器插件

Typora 插件

配合 typora 食用更佳

如果用了很久之后,在上传时出现了错误,那就是 SESSDATA 过期了,重新去生成一个就好

NPM + UNPKG 镜像 #

使用这个方法前记得切换回原来 NPM 的注册表.因为其他镜像没有发布这个功能

十分简单

本地先登录,接着创建包,然后初始化版本,最后发布

指令:

$ npm login
$ npm init -y
$ npm version patch
$ npm publish

这样一个 npm 包就发布完了

接下来是收集的一些镜像

https://npm.elemecdn.com/ 饿了么(阿里 CDN)
https://unpkg.zhimg.com/ 知乎(阿里 CDN)
https://shadow.elemecdn.com/ 饿了么(阿里)(这个停止维护了)
https://code.bdstatic.com/npm/ 百度(百度 CDN)
https://cdn.jsdelivr.net/npm/ Jsdelivr(备案没封前是网宿 CDN | 后来备案封后是 Cloudflare + Fastly + Gcore)(可以自定义节点)

Jsdelivr 自定义节点只需要:

gcore.jsdelivr.net

fastly.jsdleivr.net

即可