博客图床 VsCode + PigGo + 阿里云OSS方案

news/2025/3/18 23:58:46/文章来源:https://www.cnblogs.com/qinyangx/p/18780110

关键字

写博客,图床,VsCode,PigGo,阿里云OSS

背景环境

我想把我在本地写的markdown文档直接搬到CSDN上和博客园上,但是图片上传遇到了问题。我需要手动到不同平台上传文件,非常耗费时间和经历。
为了解决这个问题,我想到了图床方案,我只需要把图片链接放到我本地写好的博客里面,然后复制粘贴就可以了。

原因分析

为了解决上传博客手动上传图片的问题。

解决过程

首先,我对图床的要求如下:

  • 要好用,便于管理。
  • 要安全,如果图床服务商跑路了,那么我的博客可能都会凉凉。
  • 要便宜,最好免费,但是往往免费的总是最贵的。

根绝我的要求,我尝试了多种方案:

  1. 使用Microsoft OneDrive,这个是win11自带的,把图片放到OneDrive的文件夹中就可以生成链接。免费,简单,好用,但是等我实际使用时,就遇到了防盗链的问题。(防盗链:A网站直接引用B网站的链接,B网站会验证访问者的来源地址(即HTTP Referer字段),来决定是否允许访问特定内容。如果来源地址不在允许列表内,访问请求将被拒绝。)所以这个方法无效。
  2. 我自己有云服务器,但是网络在新加坡,要是我用我的云服务器作为图床,经常被访问,我怕存在安全问题。
  3. 最后,我尝试小氪的方案,使用阿里云OSS,也不贵(40GB每年,十几块钱吧,一份猪脚饭)。阿里云OSS是云存储服务,我把图片传上去,然后公开读取权限,我就获得了一个可以直接访问,可以控制权限的图片地址了。

最终解决

VsCode + PicGo + 阿里云OSS

PigGo介绍

PicGo是一个图片床管理的客户端,可以通过这个客户端,把图片上传到不同的云服务上,支持阿里云,腾讯云,七牛的等等。
客户端下载地址:https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo ,但是使用VsCode就不用下载这个客户端了。
PigGo支持的云服务
(PigGo支持的云服务)

PigGo配置
(PigGo配置,阿里云)

PigGo上传文件
(PigGo上传文件)

VsCode使用

下载PigGo插件

![Vscode PicGo插件](https://qinyang-blog.oss-cn-beijing.aliyuncs.com/blog/imgs/Vscode PicGo插件.png)

配置插件

picgo插件配置1

picgo插件配置2

使用

使用起来非常简单,只需要在Vscode的编辑界面使用快捷键Ctrl+Alt+E(Windows的上传文件的快捷键),然后就会在光标位置打开一个窗口,选择上传的图片后,就会自动生成图床的链接的markdown语句。非常省心省时省力。(比如这篇博客。)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/901176.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

20244203张晨曦 实验一《Python程序设计》实验报告

20244203张晨曦《Python程序设计》实验一报告 课程:《Python程序设计》 班级: 2442 姓名: 张晨曦 学号:20244203 实验教师:王志强 实验日期:2025年3月18日 必修/选修: 专选课 1.实验内容 1.熟悉Python开发环境; 2.练习Python运行、调试技能; 3.编写程序,练习变量和…

Cobalt Strike基础

Cobalt Strike基础 Staged(有阶段) 在有阶段的执行方式中,分为Stager和Stage两个阶段Stager(初始执行载荷):​ 定义:Stager是Stage 1,是一个较小的、轻量级的初始执行载荷 ​ 作用:与服务端建立初始连接,并从服务器下载更大的Payload,也就是Stage2Stage(更大、…

OP222柔性振动白色料盘污染会引发的问题

下图为污损的料盘料盘污损会导致以下问题: 1.料盘里面缺料但是后面料仓就是不送料 柔性振动系统里面设置了加料个数,下图里面设置为15,表示如果相机识别区域里面的总阴影面积<15个零件面积,料仓加一次料。下图红框是识别区域,里面一道道横杠就是污损导致的阴影,这些阴…

鸿蒙特效教程05-鸿蒙很开门特效

鸿蒙特效教程05-鸿蒙很开门特效本教程适合HarmonyOS初学者,通过简单到复杂的步骤,通过层叠布局 + 动画,一步步实现这个"鸿蒙很开门"特效。本教程能收获Stack 层叠布局 animate、animateTo 动画 @State 状态管理最终效果预览 屏幕上有一个双开门,点击中间的按钮后…

An Elder Brother Is Like a Father :My True Story

![](https://img2024.cnblogs.com/blog/3617180/202503/3617180-20250318230914275-242579668.jpg)An Elder Brother Is Like a Father :My True Story In your life, do you have a very important person? Who is he/she? Why is he/she significant for you and whats you…

element-plus学习 -2025/3/18

{ ...this.form } 是 JavaScript 中的 ​扩展运算符(Spread Operator)​,它的作用是将 this.form 对象的所有属性“展开”到一个新的对象中 例如 form :{ name : , score: } 简易学生分数管理系统 element-plus实现 <!DOCTYPE html> <html lang="en">…

web161笔记(getimagesize()图片文件头检测)

这次上传失败了,尝试在头部加了图片文件头,就过去了,所以这里应该是用了getimagesize()进行检测getimagesize(): 会对目标文件的16进制去进行一个读取,去读取头几个字符串是不是符合图片的要求所以在上题的基础上都加个GIF89a图片头就可以了 GIF89a加个图⽚的头欺骗检测 .u…

MIT6.5840 2024 Spring Lab1

MIT6.5840 2024 Spring Lab1 前言本文主要作为笔记使用,这次实验基本是边查GO的语法边做的,所以代码写的不够优雅,无法充分发挥GO的一些特性,因此本文的代码实现有很大的优化空间,欢迎各位大佬指正,希望本文能给一些正在学习的小伙伴提供一些思路。最后希望小伙伴们不要抄代码,…

OP222机器人与柔性振动盘交互逻辑

1.机器人运行逻辑主体逻辑就是PLC发送取料指令后,机器人向柔性振动系统索要OK件的坐标-->柔性振动系统接收到指令后拍照,识别出OK件就发送其坐标,找不到OK件就振动一下再拍照-->机器人通过获取到的坐标去取料-->取料后检查真空吸盘负压信号,如果吸住了即取料成功,…

web157-web159笔记(+分号;过滤+()过滤)

web157 .user.ini正常上传了,但是在传mumuzi.png的时候出错看来⼜过滤了什么不知名的东⻄,测试删掉system报错,tac报错,然后发现是分号的问题。这⾥ 使⽤反引号(相当于shell_exec() )<?=`tac ../f*`?> (后来发现短标签可以不要分号…

20244213 实验一《Python程序设计》实验报告

实验一 课程:《Python程序设计》 班级: 2442 姓名: 孙爱宣 学号:20244213 实验教师:王志强 实验日期:2025年3月18日 必修/选修: 公选课 1.实验内容 1.熟悉Python开发环境; 2.练习Python运行、调试技能; 3.编写程序,练习变量和类型、字符串、对象、缩进和注释等;编…

web154-web156笔记(图片内容过滤php-短标签形式转换)

继续按照上题步骤,传一个.user.ini文件,接着在上传图片马的时候报错了 解码后显示的文字是不支持格式,说明可能内容里的php被ban了,改成短标签的形式再上传,而且末尾不能有php,做任意匹配,可以通过 短标签形式:<?=system("tac ../f*");?> 原来…