问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

一站式图床搭建:阿里云 OSS 与 PicGo 配置全攻略

创作时间:
作者:
@小白创作中心

一站式图床搭建:阿里云 OSS 与 PicGo 配置全攻略

引用
CSDN
1.
https://m.blog.csdn.net/qq_51210361/article/details/145210585

在博客或文档中插入图片时,是否常为图床选择和上传问题烦恼?这篇文章将教你如何利用阿里云 OSS 和 PicGo 配置高效图床,轻松实现图片上传和管理!

目录

  1. 阿里云 OSS 配置
  2. PicGo 下载与配置
  3. Typora 配置
  4. Node.js 安装与配置

阿里云 OSS 配置

1. 登录阿里云控制台

首先登录阿里云控制台,点击右上角的控制台进入。

2. 创建 OSS Bucket

在控制台中选择对象存储 OSS,然后点击创建 Bucket,按提示完成创建,并点击完成创建。

注意:Bucket 名称不能包含大写字母。存储类型选择标准存储,权限设置为公共读

3. 修改读写权限

进入创建的 Bucket 后,选择概览,找到读写权限选项,设置为公共读

4. 获取访问域名

概览页面下,找到访问端口,复制访问域名(注意:不要复制 .aliyuncs.com 部分)。

5. 创建 AccessKey

点击右上角头像,选择AccessKey,然后创建一个新的 AccessKey,并记录下AccessKeyIdAccessKeySecret

提示:保存 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 配合使用,实现图片上传与管理,提升你的写作体验。

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号