Markdown 拓展-免费图床/网盘方案

前言

最近时常在 gitee.io 上写一些 markdown 格式的文章，所以亟需获取免费的图床服务。要求是最好还能自定义文件名。

【排除】自己的服务器放置图床

服务器到期后迁出太麻烦, 不考虑。

【排除】使用阿里云, 腾讯云等其他品牌的云存储

对象存储是一种存储海量文件的分布式存储服务，用户可通过网络随时存储和查看数据。

用法：新建存储桶，需要把存储桶的访问权限设置为公有读私有写。

服务虽好, 付费就不考虑。

【排除】七牛图床

存储服务创建完成后，需要配置一个融合 CDN 域名，融合CDN域名简单来说就是指资源对象的外链域名，七牛云提供了融合 CDN 的测试域名，官方提示为：七牛融合 CDN 测试域名，每个域名每日限总流量 10GB，每个测试域名自创建起 30 个自然日后系统会自动回收，仅供测试使用并且不支持 Https 访问。

七牛测试域名 1 个月失效的问题(网友提供的解决方法) 七牛提供的测试域名1个月就失效了，通常是够用的。如果失效了，也不用担心，找到原始的 markdown 文件，用下面的命令对文件做个替换即可（new.bkt.clouddn域名需要按照实际进行替换）。

代码语言：javascript复制

 sed -i "s#//.*bkt.clouddn#//new.bkt.clouddn#g" file.md

注: 且目前七牛不再提供测试域名了, 只能挥手告别。

【其他方案】又拍云存储空间流量

又拍云图床提供了每月 10GB 免费存储空间 15GB 免费 CDN 流量(HTTP/HTTPS 均可用)

要求：需要在申请的网站 / 应用底部添加又拍云 LOGO 及链接，然后填写申请表进行申请。一般而言在提交审核后几个工作日就会完成审核并发放资源。这里注意不能篇数太少。

(最终方案一)尝试使用 gitee 图床

oschina 旗下的码云在国内比较靠谱，速度也能接受。

代码语言：javascript复制

https://gitee.com/kaiLee/html-nav/blob/master/snipaste.png

将 blob 改为 raw 则是图片的原始地址了：

![图1](https://gitee.com/kaiLee/html-nav/raw/master/snipaste.png)

(最终方案二)使用 Github Page jsdelivr 的搭配

github 服务器在国外, 直接访问肯定太慢. 知道看到了 PicGo, jsdelivr, github 的三剑客组合。

教程：-----请参考这里的视频教程-----

放在 Github 的资源在国内加载速度比较慢，因此需要使用 CDN 加速来优化网站打开速度，jsDelivr Github 便是免费且好用的 CDN.
CDN 的全称是 Content Delivery Network，即内容分发网络。CDN 是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。——百度百科

图片地址示例： https://cdn.jsdelivr.net/gh/acc8226/JsDelivrCDN/img/20191117180214.jpg

PicGo 配置说明

设定仓库名：按照【用户名 / 图床仓库名】的格式填写
设定分支名：【master】
设定Token：粘贴之前生成的【Token】
指定存储路径：填写想要储存的路径，如【images/】，这样就会在仓库下创建一个名为 images 的文件夹，图片将会储存在此文件夹中
设定自定义域名：它的的作用是，在图片上传后，PicGo 会按照【自定义域名上传的图片名】的方式生成访问链接，放到粘贴板上，因为我们要使用jsDelivr加速访问，所以可以设置为【https://cdn.jsdelivr.net/gh/用户名/图床仓库名】 jsDelivr参考格式: The URL structure is /gh/user/repo@version/file.js

PicGo 的自定义配置

对于追求效率的键盘党而言，你还可以使用键盘快捷键 CTRL SHIFT P (Win / Linux) 或者 Command SHIFT P (macOS) 来快速上传剪贴板里的 (第一张) 图片。

PicGo 问题总结

由于 PicGo release 包总是下载不下来的问题。 目前找到比较好的方式是用 Free Download Manager 直接下载 http://github.com 开头的原链接, 可以自动跳转并多线程下载. 如果中途中断, 可在右键菜单里选择"更改 URL"然后之间点确定就会重新跳转新的临时下载地址并续传。

(最终方案三)不使用任何图床

了解自己为啥使用图床，就是一种外部链接而已。方便对方在有网络的环境下完整展示用到的图片。

如果是对外暴露展示自己的本机项目或者部署到自己的网站，完全可以使用相对路径。这样就不使用任何图床。

用法：使用 ./xxx.png，而不是xxx.png这种写法。因为不加点这种写法目前在 vue press 中会 404。加点写法的兼容性好咯。

参考

活动作品关于博客的最稳定的图床方案 https://www.bilibili.com/video/av65336062?from=search&seid=4753922999762898690

目前最稳定的免费图床方案 - 301技术-HuanHao https://301technology.cn/2019/08/03/picgojsdelivrgithub/

Github jsDelivr PicGo 打造稳定快速、高效免费图床 https://blog.csdn.net/qq_36759224/article/details/98058240

PicGo - 免费开源的图片上传与管理工具 (Markdown写作贴图 / 跨平台图床应用) https://www.iplaysoft.com/picgo.html

cdn https 网络安全腾讯云测试服务 github

0 人点赞