jsDelivr失效了,用什么免费图床比较靠谱?

博主分享了之前依赖GitHub+jsDelivr作为图床的方案,但由于jsDelivr的不稳定,转向了京东云对象存储。京东云提供了10GB的免费存储空间和50万次/月的请求次数。通过file-uploader-cli工具,配置京东云对象存储的accessKeyId、secretAccessKey和region,实现了图片的便捷上传。现在,无论是命令行还是Typora,都能顺利上传Markdown图片。

之前一直使用GitHub + jsDelivr组合来当做图床,file-uploader-cli + Typora 来处理MarkDown 图片自动上传,免费又好用: file-uploader-cli的使用方法

最近发现jsDelivr有时候会无法使用,上传图片的图片无法访问了。。。免费的还是不靠谱啊!

之前的图片文件也没办法访问了,于是决心搞一个一劳永逸且免费的方案,想来想去,还是想白嫖。

目前京东的对象存储有10G的免费额度,50万次/月的请求次数,可以满足自己日常使用。
在这里插入图片描述
还是使用file-uploader-cli,配合京东云对象存储:

安装 file-uploader-cli
npm install -g file-uploader-cli
配置信息

创建一个jdcloud.json配置文件

{
  "bucket": "myfiles",
  "region": "cn-north-1",
  "accessKeyId": "xxxxxx",
  "secretAccessKey": "xxxxxxx"
}

accessKeyId secretAccessKeyAccess Key管理获取。
region 是对象存储服务所在区域,比如:“cn-north-1”

导入配置
fuc -dt jdcloud -c jdcloud.json

然后就可以在命令行通过 fuc 命令直接上传文件到对象存储了。
请添加图片描述
https://myfiles.s3.cn-north-1.jdcloud-oss.com/chaofe.png

同样在 Typora 中也可以使用:file-uploader-cli的使用方法

目前京东云对象存储有10G的免费额度,不保证之后可能会收费,不过对象存储服务的价格一般都不贵。

### 使用 Hexo 搭建并通过 JSDelivr 进行加速 通过 Hexo 和 JSDelivr 构建高效的片托管服务是一种常见的做法。以下是实现这一目标的具体方法: #### 配置 Hexo 支持 为了使 Hexo 支持上传片并将其存储在一个公共仓库中,可以按照以下方式操作。 1. **安装插件** 安装 `hexo-asset-image` 插件来处理静态资中的片链接。 ```bash npm install hexo-asset-image --save ``` 2. **配置 `_config.yml` 文件** 修改 Hexo 的全局配置文件 `_config.yml` 来启用资产路径的支持: ```yaml post_asset_folder: true asset_generator: image: true ``` 此设置会为每篇文章创建独立的目录用于管理文章内的媒体文件[^1]。 3. **部署至 GitHub Pages 或其他公开存储库** 将生成的内容推送到一个已开启 JSDelivr 加速功能的远程仓库上。例如,在 `_config.yml` 中定义如下部署参数: ```yaml deploy: type: git repo: https://github.com/yourusername/yourrepo.git branch: main ``` #### 利用 JSDelivr 提供 CDN 加速 完成上述步骤后,可以通过调整主题配置让其加载来自 JSDelivr 缓存地址上的资而不是原始服务器位置。 1. **更新主题配置文件** 找到当前使用的主题(比如 Next 或 Icarus),编辑该主题下的 `_config.yml` 并加入类似下面这样的字段以指定使用 JSDelivr 作为外部依赖之一: ```yaml # jsdelivr CDN configuration example jsdelivr: enable: true gh_user: yourusername gh_repo: yourrepo baseUrl: cdn.jsdelivr.net ``` 2. **替换失效的 JS/CSS 路径** 如果遇到某些特定脚本或样式表无法正常工作的情况,则需手动下载这些缺失组件保存于本地再重新映射它们的新 URL 地址[^3]。假设原先是调用了某个第三方提供的 base64 解码器但现已不可达的话,那么就应把最新版复制下来放到合适的地方之后更改引用形式像这样: ```html <script src="https://cdn.jsdelivr.net/gh/yourusername/yourrepo@main/themes/icarus/source/npm/js-base64/base64.min.js"></script> ``` 最后记得每次修改完毕都要执行一次完整的构建流程以便确认一切改动生效无误后再正式上线发布出去给访客查看体验效果哦! ```python import os from pathlib import Path def setup_jsdelivr_cdn(user, repo): """Generate the correct path pattern for assets hosted via JSDelivr.""" return f"https://cdn.jsdelivr.net/gh/{user}/{repo}@latest/" if __name__ == "__main__": user_name = "exampleUser" repository_name = "exampleRepo" cdn_url = setup_jsdelivr_cdn(user_name, repository_name) print(f"Your images will be served from {cdn_url}") ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一颗小行星!

恰饭ing

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值