PicGo+雨云ROS搭建自己的图床,可配合Typora使用

本文将手把手带你使用PicGo+雨云对象存储ROS(Rain Object Storage)搭建自己专属的免费图床,并且可以配合Typora使用。

雨云对象存储服务介绍和使用教程:https://forum.rainyun.com/t/topic/5573

目前雨云对象存储是公测阶段,暂时是免费的。

PicGo是什么
PicGo是一个用于快速上传图片并获取图片 URL 链接的工具

特色功能:

支持拖拽图片上传
支持快捷键上传剪贴板里第一张图片
Windows 和 macOS 支持右键图片文件通过菜单上传 (v2.1.0+)
上传图片后自动复制链接到剪贴板
支持自定义复制到剪贴板的链接格式
支持修改快捷键,默认快速上传快捷键:command+shift+p(macOS)| control+shift+p(Windows\Linux)
支持插件系统,已有插件支持 Gitee 等第三方图床
更多第三方插件以及使用了 PicGo 底层的应用可以在 Awesome-PicGo 找到。欢迎贡献!
支持通过发送 HTTP 请求调用 PicGo 上传(v2.2.0+)
更多功能等你自己去发现,同时也会不断开发新功能
开发进度可以查看 Projects,会同步更新开发进度
如果第一次使用,请参考应用 使用文档。遇到问题了还可以看看 FAQ 以及被关闭的 issues。

Node.js下载安装
下载
Node.js下载地址:https://nodejs.org/zh-cn

建议下载红色框中的版本。稳定。

安装

然后一路安装就行,不要更改任何配置,保存路径为默认最好

检验是否安装成功

安装完成后,可能会弹出一个命令窗口,关掉;然后win+r打开cmd,输入node -v:显示 node.js版本号,说明已安装成功。输入npm -v,输入这个命令时,可能会卡一下。显示nmp版本号,说明自带的nmp也安装成功。

PicGo下载安装
picgo下载链接:https://github.com/Molunerfinn/PicGo/releases

山东大学镜像站:https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo/

我下载的是beta版本,测试版,相对正式版不稳定。windows系统的就选择这种exe后缀的。

安装包下载完成后,我们双击打开安装包,进入图形化安装界面,一直点击下一步安装即可,安装位置可以自己更改。

创建存储桶
首先注册个雨云账号。

注册完账号后进到雨云控制台,对象存储功能入口可以在后台的 总览 和 云产品 部分的最下面找到:

  1. 进入面板后点击创建存储桶

  1. 输入桶信息后按确认,名称自己定
  2. 点击管理可以设置你的存储桶
  3. 点击文件管理,可以跳转到在线的文件管理页面
  4. 在这个页面会自动登录您的账号,就可以查看桶内所有文件了,可以上传和下载文件,也可以创建文件夹和删除文件。

  5. 开启公共访问权限
    存储桶默认权限是公共不可访问的,如果需要让有链接的人能看到该资源的话,需要开启公共访问权限,可以在管理面板中的如下图所示位置开启:

  6. 通过公共链接访问存储桶内文件
    开启公共访问后可以用控制台里这个API端点的链接加上存储桶名称来访问里面的文件,比如说我存储桶的根目录下有一个 tx.jpg 的文件,那么我可以通过 https://cn-sy1.rains3.com/zeruns-test/tx.jpg 这个链接来访问这个文件,其中 https://cn-sy1.rains3.com 这个链接不同节点是不同的,不要直接复制我的,不过目前雨云只有一个节点,zeruns-test 换成你的存储桶的名称,tx.jpg 是要访问的文件
  7. 如何删除存储桶?
    在删除桶之前,请确保重要数据都已备份,而且桶内无任何文件,否则无法执行删除操作。删除操作按钮位置:

    配置PicGo
    打开刚装好的picgo,打开会自动隐藏到右下角的系统托盘,需要点击一下让它出来。

    下载插件
    点击插件设置,在搜索框输入S3,点击下图所示的安装按钮安装S3插件。

  8. 如果搜索不出也可到下面的插件开源地址下载插件源码,将下载的压缩包解压出来,然后点击右上角的导入本地插件选择刚刚解压出来的目录。

    插件开源地址:https://github.com/wayjam/picgo-plugin-s3

    插件国内下载地址:https://cn-sy1.rains3.com/rainyun-assets/Pic/2023/10/e46e2a53d2578b9b65edd0868f0b7716.zip

  9. 配置图床[ROS]

    点开图床设置,点击Amazon S3,点击编辑按钮

    按照下图所示配置插件,

  10. 图床配置名自己定一个,
    桶名就填你的存储桶名称,
    应用密钥ID填你的存储桶的Access Key,
    应用密钥就填你的存储桶的Secret Key,
    自定义节点就填你存储桶的API端点地址,
    文件路径可以默认不用改,你也可以参照插件开源地址里的说明来修改,
    开启ForcePathStyle
    填写完后点确定就行。

  11. 点击上传区,更改图片上传图床为Amazon S3

    接下来,我们上传一张照片来测试一下是否配置成功,上传成功后,PicGo会自动把图片的链接复制到粘贴板中,同时我们也可以在相册中查看,因为上传成功后会有记录,这里可以复制图片的链接、修改图片的链接和删除图片。

  12. PicGo设置中我们可以对图床进行管理,我这里就只保留了Amazon S3

    配置Typora

  13. PicGo路径:是你自己下载的PicGo保存的路径。可以打开PicGo查看属性。
    1. 找到你picgo的安装路径,要找到那个.exe文件的部分,再点击那个验证图片上传选项,成功以后就是完成配置了
    2. 复制目标路径,粘贴到PicGo路径,即可
    3. 点击验证图片上传选项,弹出以下窗口,显示绿色字体部分,就是配置成功了!

      Typora上传图片到ROS

      编辑文章时可以直接将图片复制到Typora里,编辑完文章后点击Typora格式,选择图像,选择上传所有本地图片!

    4. 上传成功:此时就彻底配置成功啦,上传完后会自动替换链接地址

      文章到此结束。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

杰卡德距离(Jaccard Distance)

杰卡德距离(Jaccard Distance),是用于衡量两个集合差异性的一种指标,它是杰卡德相似系数的补集,可以用来区分集合(如知识图谱)。 杰卡德相似系数 杰卡德相似系数(Jaccard similari…

01-echarts如何绘制三维折线图

echarts如何绘制三维折线图 一、相关依赖包1、下载依赖2、引入依赖 二、创建图表盒子1、创建盒子2、定义数据3、编写方法1、初始化盒子2、设置配置项3、修改数据格式4、设置颜色数组4、设置name数组5、设置线三维和点三维6、添加配置项7、设置图表自适应 4、调用方法 三、整体代…

【脑电信号处理与特征提取】P2-夏晓磊:脑电的神经起源与测量

夏晓磊:脑电的神经起源与测量 专业术语 electroencephalography(EEG) 脑电图 Excitatory Postsynaptic Potential(EPSP) 兴奋性突触后电位 Electrocorticography(ECoG) 皮层脑电图 什么是脑电/脑电图(EEG)? Electroencephalograp…

C++ 关于静态成员对象、函数学习整理:

类的静态成员为类创建的所有对象所共有的成员,不单独属于某一对象,而属于整个类,而静态成员分为静态成员变量、静态成员函数。 静态成员变量(静态数据成员): 引入及解决问题的优势: 类创建了…

Java中SimpleDateFormat时YYYY与yyyy以及HH和hh的区别注意踩坑

场景 Java开发手册中为什么要求SimpleDateFormat时用y表示年,而不能用Y: Java开发手册中为什么要求SimpleDateFormat时用y表示年,而不能用Y_simpledateformat 怎么确定y就是年-CSDN博客 在使用SimpleDateFormat在获取当前日期时因使用了YY…

[极客大挑战 2019]Secret File1

上来就说看不到,先看看源码,发现./Archive_room.php 点secret直接跳到了end,抓包看看,找到了secr3t.php 过滤了很少的关键词,提示flag在flag.php,过去发现还是看不到 尝试用php伪协议读取flag.php的源码 …

creo草绘3个实例学习笔记

creo草绘3个实例 文章目录 creo草绘3个实例草绘01草绘02草绘03 草绘01 草绘02 草绘03

Web08--JavaScript高级

1、BOM对象 BOM:browser object model 浏览器对象模型 BOM对象包括window对象、screen对象、history对象、location对象、navigator对象。 1.1 window对象 所有的浏览器都支持window对象。它表示的浏览器窗口 window对象是js中的顶层对象,所有的j…

直播引流到微信,如何才算合规?-数灵通

抖音直播如今越来越受到大众的关注,许多朋友都会准时守在直播前。不少人被直播带来的收益所吸引,纷纷加入到创作者的行列中。直播间巨大的流量背后,蕴藏着无法估量的经济效益和赚钱机会。 确实有人考虑将部分抖音直播的流量引入微信&#xff…

TS基础知识点快速回顾(上)

基础介绍 什么是 TypeScript? TypeScript,简称 ts,是微软开发的一种静态的编程语言,它是 JavaScript 的超集。 那么它有什么特别之处呢? js 有的 ts 都有,所有js 代码都可以在 ts 里面运行。ts 支持类型支持&#…

退货通知单下推销售退货单,无法下推问题排查

文章目录 退货通知单下推销售退货单,无法下推问题排查报错界面排查原因 退货通知单下推销售退货单,无法下推问题排查 报错界面 排查 检验单已做。 原因 合格未勾选判退。

antv/g6绘制数据流向图

antv/g6绘制数据流向图 前言接口模拟数据htmlts页面效果 前言 在业务开发中需要绘制数据流向图,由于echarts关系图的限制以及需求的特殊要求,转而使用antv/g6实现,本文以代码的方式实现数据流向需求以及节点分组,版本"antv/g6": “…

爬虫js逆向分析——x平台(前置知识:python执行js代码)

import execjs# 读取到js字符串 with open(v1.js, moderb) as f:js_string f.read().decode(utf-8)JSCode execjs.compile(js_string)# 调用js代码,如果有参数则依次往后逗号,写 res JSCode.call(test, eric)print(res)js文件中正常写代码即可。

前端vue集成echarts图形报表样例

文章目录 🐒个人主页🏅Vue项目常用组件模板仓库📖前言:🐕1.在项目终端下载echarts依赖包🏨2.在main.js中导入echarts资源包并使用🎀3.在.vue文件中直接使用echarts,下面是一个样例&a…

Unity 组合模式(实例详解)

文章目录 示例1:Unity中的图形界面元素组合示例2:Unity中的游戏对象层级组合示例3:Unity中的场景图节点组合 在Unity中,组合模式(Composite Pattern)是一种结构型设计模式,它允许你将对象组合成…

构建未来的数字世界:创新开放API接口认证解决方案

目录 1、引言 1.1 数字世界的发展 1.2 API接口的重要性 1.3 API接口认证的挑战 2、现有的API接口认证解决方案 2.1 基于令牌的认证方法 2.2 OAuth认证 2.3 OpenID认证 2.4 API密钥认证 3、创新开放API接口认证解决方案 3.1 双因素认证 3.2 生物特征认证 3.3 区块链…

Information Symmetry Matters

RG means ‘Relation Guidance’ 辅助信息 作者未提供代码

MySQL 初识MySQL

目录 1 数据库1.1 前言1.2 数据库分类1.2.1 关系型数据库(RDBMS)1.2.2 非关系型数据库1.2.3 关系型数据库与非关系型数据库的区别 2 链接数据库3 SQL分类4 存储引擎 1 数据库 1.1 前言 到底什么是MySQL? 大家都知道MySQL叫做数据库。那么什么是数据库…

系统架构15 - 软件工程(3)

软件过程模型 瀑布模型特点缺点 原型化模型特点两个阶段不同类型注意 螺旋模型V 模型特点 增量模型特点 喷泉模型基于构件的开发模型(CBSD)形式化方法模型敏捷模型特点“适应性” (adaptive) 而非“预设性” (predictive)“面向人的” (People-oriented) 而非“面向过程的” (P…

vue2、vue3,生命周期详解

一、Vue2.x Vue2的生命周期 是指Vue实例从创建到销毁的整个过程中,会经历一系列的阶段和回调函数。它分为8个阶段,包括了组件的创建、挂载、更新和销毁等过程。 1、beforeCreate: 在实例初始化之后,但在数据观测和事件配置之前被调用。此…