一站式图床搭建:阿里云 OSS 与 PicGo 配置全攻略
一站式图床搭建:阿里云 OSS 与 PicGo 配置全攻略
在博客或文档中插入图片时,是否常为图床选择和上传问题烦恼?这篇文章将教你如何利用阿里云 OSS 和 PicGo 配置高效图床,轻松实现图片上传和管理!
目录
- 阿里云 OSS 配置
- PicGo 下载与配置
- Typora 配置
- Node.js 安装与配置
阿里云 OSS 配置
1. 登录阿里云控制台
首先登录阿里云控制台,点击右上角的控制台进入。
2. 创建 OSS Bucket
在控制台中选择对象存储 OSS,然后点击创建 Bucket,按提示完成创建,并点击完成创建。
注意:Bucket 名称不能包含大写字母。存储类型选择标准存储,权限设置为公共读。
3. 修改读写权限
进入创建的 Bucket 后,选择概览,找到读写权限选项,设置为公共读。
4. 获取访问域名
在概览页面下,找到访问端口,复制访问域名(注意:不要复制 .aliyuncs.com 部分)。
5. 创建 AccessKey
点击右上角头像,选择AccessKey,然后创建一个新的 AccessKey,并记录下AccessKeyId和AccessKeySecret。
提示:保存 accessKeyId 和 accessKeySecret 这两个信息只能在创建时看到,后续无法查看,请务必保存好。
关于 阿里云Oss计费规则:
(1) 按量付费:后付费方式,先使用、后付费,按照各计费项的实际用量结算费用。(默认模式);
(2) 购买资源包模式:预付费方式,先预付、后使用,针对部分常用计费项(例如存储费用、流量费用)支持专用的资源包。流量额外收费
- 储存容量:0.12元/GB/月
- 图片上传到阿里OSS流量:免费
- 外网流出流量(如typora访问图床图片):闲时0.25元/GB,忙时0.50元/GB官方详情描述
提醒:然后给阿里云账户充值,充值保证账户正常,以免因欠费导致服务中断。点击控制台,页面跳转后就会出现费用界面
PicGo 下载与配置
要么是本地图片链接只能在本站网站访问,换一个平台,图片就裂了。Gitee在国内,访问速度快多了。
1.PicGo简介:
PicGo 是一款开源的图床管理工具,旨在简化图片上传过程,支持多种图床平台,包括阿里云 OSS、GitHub、七牛云等。PicGo 提供了图像上传、URL 复制、自动命名等功能,能够大幅提升图像管理效率,尤其适合程序员和博主等需要频繁插入图片的用户。
2. 下载与安装 PicGo
下载并安装 PicGo:笔者使用的版本是 PicGo-Setup-2.3.1-x64.exe
2. 配置 PicGo
启动 PicGo 后,选择图床设置->阿里云 OSS,填写 AccessKey、Bucket 名称和存储区域,点击确定并设置为默认图床。
3. 配置时间戳命名与 URL 自动复制
进入PicGo 设置,启用时间戳命名和上传后自动复制图片 URL 的功能。
Typora 配置
1. 配置图像上传
打开 Typora,选择文件->偏好设置->图像,选择上传图片,并在上传服务选择PicGo (app)。
「允许根据 YAML 设置自动上传图片」:可以在每一个Markdown 文件单独设置规则,具体截图如下:
选中图片后,右键选择格式->HTML 格式,将图片以 HTML 形式插入。
Node.js 安装与配置
因为PicGo是基于Node.js的,因此需要事先下载安装好node.js,笔者使用:Node.jsv16.16.0
1.安装 Node.js
Node.js下载链接(Gitee)
一直点next默认安装就行(可以自定义安装目录)
2.安装成功检查
安装完成之后,如果弹出CMD窗口,直接回车即可,这些窗口的出现是因为下载一些配置文件。环境配置(14及以上版本可忽略,因为本身已经path环境变量里设置过了)
检查是否安装成功:输入
node -v 查看node版本
npm -v 查看npm版本
报警告问题出现在,老方法被弃用了,可以忽略,对咱们得当前场景影响不大。
通过上述步骤,你可以顺利地将阿里云 OSS 与 PicGo 配合使用,实现图片上传与管理,提升你的写作体验。