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

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

PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第1张图片

安装

然后一路安装就行,不要更改任何配置,保存路径为默认最好PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第2张图片

检验是否安装成功

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

PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第3张图片

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

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

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

PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第4张图片

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

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

注册完账号后进到雨云控制台,对象存储功能入口可以在后台的 总览 和 云产品 部分的最下面找到:PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第5张图片

PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第6张图片

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

PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第7张图片

  1. 输入桶信息后按确认,名称自己定PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第8张图片
  2. 点击管理可以设置你的存储桶
  3. PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第9张图片

  4. 点击文件管理,可以跳转到在线的文件管理页面
  5. 在这个页面会自动登录您的账号,就可以查看桶内所有文件了,可以上传和下载文件,也可以创建文件夹和删除文件。

    PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第10张图片

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

  7. PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第11张图片

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

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

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

    PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第13张图片

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

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

    插件国内下载地址:https://cn-sy1.rains3.com/rainyun-assets/Pic/2023/10/e46e2a53d2578b9b65edd0868f0b7716.zipPicGo+雨云ROS搭建自己的图床,可配合Typora使用_第14张图片

  10. 配置图床[ROS]

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

    PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第15张图片

    按照下图所示配置插件,

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

    PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第16张图片

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

    PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第17张图片

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

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

    PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第19张图片

    配置Typora

  14. PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第20张图片
  15. PicGo路径:是你自己下载的PicGo保存的路径。可以打开PicGo查看属性。
    1. 找到你picgo的安装路径,要找到那个.exe文件的部分,再点击那个验证图片上传选项,成功以后就是完成配置了
    2. 复制目标路径,粘贴到PicGo路径,即可PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第21张图片
    3. PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第22张图片
    4. 点击验证图片上传选项,弹出以下窗口,显示绿色字体部分,就是配置成功了!

      PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第23张图片

      Typora上传图片到ROS

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

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

      PicGo+雨云ROS搭建自己的图床,可配合Typora使用_第24张图片

      文章到此结束。

你可能感兴趣的:(服务器,运维,云计算,php,开发语言)