手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,内容安全 1000次 1年
对象存储 OSS,恶意文件检测 1000次 1年
简介: 本文详细介绍了怎样帮助新手小白从注册,购买阿里云OSS,到一步一步配置OSS做为图床,和PicGo、Typora软件连接,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。

为什么要搭建图床?

经常在博客写文章或者搭建自己的网站时,肯定需要往里面加图片对吧。有人可能会想,我直接把图片保存在电脑上不就行了?其实这样也不是不可以,但问题来了,如果你想把你的文章转载到别的地方,那些在本地的图片别人是看不到的,你得一个个去复制粘贴,真是够呛!

这时候,如果用阿里云OSS或者腾讯云COS来搭建一个图床,问题就迎刃而解了。用这些服务,处理图片简直高效到不行。说到国内用得多的,腾讯云和阿里云绝对是排前面的,速度快,就是要花点钱。至于GitHub的gitee,那是免费的,但是最近被封了,很多小伙伴都都已经深受其好,而且速度超慢。

之前一直在薅mdnice的免费图床羊毛,这两天发现网站上的图片无法显示了,桑心,只能自己动手来搭建图床,找了一圈,Typora+PicGo+阿里云OSS/腾讯云COS的组合较多,接下来跟着我这个手残党一起来一步一步搭建图床吧,我选择的是阿里云作为例子,这里并不是对腾讯云有什么偏见哦,腾讯云也非常棒,大家自己选择。

阿里云OSS搭建图床

1. 注册登录阿里云

打开阿里云官方网站https://www.aliyun.com/product/oss,点击右上角的登录/注册

image.png

直接打开手机支付宝的扫一扫,扫描页面上的二维码,然后授权登录即可。

image.png

2. 开通OSS服务

如果你还没有开通对象存储服务OSS,那么点击立即开通,现在新人可以免费试用三个月,存储包 20 GB。

image.png

再点击立即开通

image.png

勾选服务协议后,点击立即开通

image.png

3. 创建OSS Bucket

开通成功后,点击管理控制台

image.png

进入控制台之后,点击红框的立即创建或者创建Bucket,都可以创建Bucket

image.png

接下来填一些必填的信息:

  • Bucket 名称:必须全局唯一,和你在游戏中取的名字一样,不能和别人的重名,一旦创建不可更改。

  • 地域:选择“有地域属性”,然后选择一个离自己位置近的地域。
    存储类型:选择“标准存储”即可。

  • 存储冗余类型:推荐选择“本地冗余存储”,“同城冗余存储”更贵,如果网站有较高的并发流量可以选择这个。

  • 读写权限:一定要选择“公共读”,否则平台无法通过公网访问 Bucket 中的内容。

  • 其他选择默认,无需修改。

image.png

点击下面的确认按钮,然后点弹出框的我知道了,确认创建。

image.png

创建成功,点击进入Bucket

image.png

4. 记下Bucket信息

点击概览

image.png

进入概览页面,这里可以看到bucket的整体信息。
用文本软件记下红框画起来的几个信息,等会儿配置PicGo要用:

  • Bucket名称:aitechshare-com

  • Endpoint(地域节点):xxxx

  • Bucket域名(外网地址):xxxx

image.png

5. 创建AccessKey

在页面右上角,鼠标放在头像处,在弹出的框里选择AccessKey管理

image.png

在弹出的选项框里,选择继续使用AccessKey。

image.png

点击创建AccessKey,在弹出的安全验证窗口中,选择一个方式来通过安全验证。

image.png

把图中的资料下载成csv,或者复制下来保存好,这个类似于你的密码,一定不要泄露。

image.png

6. 创建子账户用来配置PicGo

重要!上面生成的AccessKey是主账户的,它也可以用来配置picgo,但是如果我们只是需要使用OSS,强烈建议使用子账号来访问这个Bucket,这样可以规避主账户AccessKey或者密码泄露导致的问题。步骤如下:
点击创建 AccessKey,再点击开始使用子用户 AccessKey

image.png

点击创建用户

image.png

填写好登录名称,显示名称,勾选控制台访问,OpenAPI调用访问,其他选择默认就好,点击确认,在弹出的安全验证中选择一种方式完成验证。

image.png

将红框中的AccessKey Id和AccessKey secret复制出来保存好,配置PicGo时要用到。

image.png

7. 配置子账户OSS权限

勾选中用户,点击添加权限,再点击下面两项权限,加到已选择框中。

选择这两项:

  • AliyunOSSFullAccess——管理对象存储服务(OSS)权限

  • AliyunOSSReadOnlyAccess——只读访问对象存储服务(OSS)的权限

image.png

点击确定,授权成功了,这时阿里云相关的配置就弄好了。 之前让保存的信息要记好哦,后面还会用到。

image.png

如果后面不需要使用该账号,点击用户后面的删除选项即可。

配置PicGo

1. 安装PicGo

PicGo是一款功能非常强大的图床工具,支持SM.MS、腾讯COS、GitHub图床、七牛云图床、Imgur图床、阿里云OSS、gitee等多种图床平台。

下载地址:https://github.com/Molunerfinn/PicGo/releases
下载正式版或者测试版都可以,正式版会稳定一些,测试版有一些尝鲜功能,用国内可下载链接进行下载会快一些,我这里选择的是PicGo-Setup-2.4.0-beta.6-x64.exe这个测试版。

image.png

安装好了之后,打开界面是这样的。

image.png

2. PicGo配置阿里云OSS

点击图床设置,阿里云OSS,点击画笔修改。

image.png

填上前面记录好的值即可

  • AccessKey ID(账号):xxxxxxxxxx

  • AccessKey Secret(密钥):xxxxxxxxxx

  • 设定Bucket:刚刚在阿里云OSS中创建的Bucket名称

  • 设定存储区域:地域节点中的第一个字段

划重点!这里一定要注意,设定存储区域里要填的是之前记下来的地域节点里面的第一个字段,比如你的地域节点值是oss-cn-shanghai.aliyuncs.com,那么这里只需要填oss-cn-shanghai,切记,否则配置失败无法上传图片。

  • 设定存储路径:自定义,以/结尾(相当于文件夹),例如 img/

填完了记得拉到下面点击确认保存。

image.png

点击设为默认图床

image.png

3. PicGo其他配置

你可以根据喜好来设置文件以时间戳格式命名 和 上传后自动复制URL:

image.png

上传图片,测试成功!

image.png

到这里PicGo就配置完成了

配置Typora

Typora是一款简洁而强大的Markdown编辑器。它提供实时预览功能,让用户可以即时查看文档的渲染效果。Typora采用所见即所得的编辑模式,没有繁杂的标记符号,用户可以专注于写作而不必分心处理格式。此外,Typora还支持数学公式、表格、图像等丰富的Markdown语法和扩展功能。总之,Typora是一款易用且功能丰富的Markdown编辑器,适用于撰写各种类型的文档。

1. 下载安装Typora

登录Typora官网https://typora.io,拉到最下面下载Typora.

image.png

目前Typora已经收费,不过我们还可以考虑用其他办法来使用它,比如这个https://github.com/shuhongfan/TyporaCrack

2. 配置Typora连接PicGo

打开Typora之后,页面非常简洁。
点击左上角文件-偏好设置-图像,插入图片时选择上传图片,上传服务选择PicGo(app),PicGo 路径选择你安装到本机的PicGo的目录,选中PicGo.exe。
都填好了,不要忘记点击验证图片上传选项来验证一下。
image.png

验证成功!

image.png

这时候你再打开Picgo,可以看到Typora自动上传了测试图片到Picgo,表示已经连通。

image.png

好了,所有的配置都完成了,你也赶快去试一试吧~

总结

PicGo最大的特点是,可以和阿里云,腾讯云等各大图床软件连接,又可以和Typora结合使用,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。

相关链接:
阿里云官网网站
阿里云OSS

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
目录
相关文章
|
6天前
|
人工智能 对象存储
【阿里云AI助理】自家产品提供错误答案。阿里云OSS 资源包类型: 下行流量 地域: 中国内地通用 下行流量包规格: 300 GB 套餐: 下行流量包(中国内地) ,包1年。那么这个是每月300GB,1年是3600GB的流量;还是1年只有300GB的流量?
自家产品提供错误答案。阿里云OSS 资源包类型: 下行流量 地域: 中国内地通用 下行流量包规格: 300 GB 套餐: 下行流量包(中国内地) ,包1年。那么这个是每月300GB,1年是3600GB的流量;还是1年只有300GB的流量?
35 1
|
9天前
|
存储 弹性计算 对象存储
预留空间是什么?阿里云OSS对象存储预留空间说明
阿里云OSS预留空间是预付费存储产品,提供折扣价以锁定特定容量,适用于抵扣有地域属性的Bucket标准存储费用及ECS快照费。通过购买预留空间,如500GB通用预留+100GB标准-本地冗余存储包,用户可优化成本。
|
14天前
|
存储 Java Maven
大事件后端项目31--------文件上传_阿里云OSS_入门程序
大事件后端项目31--------文件上传_阿里云OSS_入门程序
|
14天前
|
存储 运维 Java
大事件后端项目30------文件上传_阿里云OSS_准备工作
大事件后端项目30------文件上传_阿里云OSS_准备工作
|
10天前
|
缓存 对象存储 数据安全/隐私保护
阿里云OSS, 跨域请求, No ‘Access-Control-Allow-Origin‘
阿里云OSS, 跨域请求, No ‘Access-Control-Allow-Origin‘
20 0
|
14天前
|
对象存储
大事件后端项目32--------文件上传_阿里云OSS_程序集成
大事件后端项目32--------文件上传_阿里云OSS_程序集成
|
16天前
|
弹性计算 安全 前端开发
阿里云服务器ECS通用型、计算型和内存型详细介绍和性能参数表
阿里云ECS实例有计算型(c)、通用型(g)和内存型(r)三种,主要区别在于CPU和内存比例。计算型CPU内存比1:2,如2核4G;通用型为1:4,如2核8G;内存型为1:8,如2核16G。随着技术迭代,有第五代至第八代产品,如c7、g5、r8a等。每代实例在CPU型号和主频上相同,但性能有所提升。实例性能参数包括网络带宽、收发包能力、连接数等。具体应用场景如计算型适合高网络包收发、通用型适合企业级应用,内存型适合内存数据库等。详细信息可参阅阿里云ECS页面。
|
5天前
|
存储 关系型数据库 数据库
给阿里云的建议和意见 一个云服务器架构是否可行
摘要(Markdown格式): 在修复阿里云服务器IPv4设置错误时遇到困难,导致服务器远程登录失败及外网访问受阻,耗时三天解决。建议阿里云更新文档,确保设置指导与实际情况一致,例如只需在路由表添加条目关联IPv4。此外,建议优化帮助页面,如采用折叠式设计减少干扰。服务器主要任务是数据分析、存储和分发,文中提出简化服务器框架,消除硬件软件复杂配置,利于初学者和独立开发者快速上手,降低时间成本。该设计旨在减少无用组件,节省资源,同时降低云服务商的人力和支持成本。期望云服务商考虑此类架构创新。目前未知是否有类似产品,期待业界反馈。
212 0
给阿里云的建议和意见 一个云服务器架构是否可行
|
7天前
|
存储 编解码 网络协议
阿里云服务器计算型和通用型四代云服务器实例区别及选择参考
目前阿里云在售的云服务器中,计算型和通用型实例规格都包含了第5代、第6代、第7代和最新第八代倚天云服务器产品,例如计算型实例中有c5、c6、c7、c8y实例,而通用型实例有g5、g6、g7、g8y等实例,有的新手用户并不清楚这四代产品之间的差别,本文为大家展示这四代云服务器实例在规格、CPU(核)、内存(G)、计算、存储、内存以及不同配置的指标数据等方面为大家做个对比,让大家了解一下他们之间的不同,以供参考和选择。
阿里云服务器计算型和通用型四代云服务器实例区别及选择参考
|
11天前
|
存储 缓存 安全
阿里云服务器实例规格选择参考:经济型、通用算力型、计算型、通用型、内存型区别
当我们在通过阿里云的各种活动选择云服务器实例规格的时候会发现,相同配置的云服务器往往有多个不同的实例可选,而且价格差别也比较大,这会是因为不同实例规格的由于采用的处理器不同,底层架构也有所不同(例如X86 计算架构与Arm 计算架构),因此不同实例的云服务器其性能与适用场景是有所不同。目前阿里云的活动中,主要的实例规格可分为经济型、通用算力型、计算型、通用型、内存型,对于很多初次接触阿里云服务器的用户来说,了解他们之间的差别就是比较重要的了,下面小编来为大家简单介绍下它们之间的区别。
阿里云服务器实例规格选择参考:经济型、通用算力型、计算型、通用型、内存型区别

热门文章

最新文章

相关产品

  • 对象存储