使用Typora+PicGo+阿里云搭建图床

news2025/2/8 19:21:44

1.为什么要使用图床

不知道大家有没有遇到过这样的问题?

在使用Typora的时候,我们传到typora上面的图片,在转到其他地方时,总是加载不出来,造成图片丢失现象或者是在将markdown笔记上传到博客时,总是需要一张一张上传图片,这难免太浪费时间,如果可以将图片转成url链接就可以在随处访问了。

我的解决办法是使用阿里云来解决,把图片上传到云上,这样就可以避免图片丢失现象。

2.使用工具

(1)typora编辑器

(2)PicGo

(3)阿里云的对象存储(OSS)

如果你觉得不想看图文,我专门找了视频,可以供咱们学习

Typora+PicGo+阿里云OSS实现云笔记|Typora上传图片_哔哩哔哩_bilibili

3.配置阿里云的对象存储(OSS)

1.登录阿里云

点击打开阿里云登录网页

2.找到对象存储(oss)

image-20230612210854474

3.购买对象存储(oss)

第一步:选择产品价格

image-20230612211422854

第二步:点击购买资源包

image-20230612211905847

第三步:选择对象存储(OSS)产品规格

image-20230612212218211

image-20230612212318216

下面的付费过程就不在过多描述,自行付费即可。

4.创建Bucket

点击打开跳转网页

第一步:点击管理控制台

image-20230612212923396

第二步:创建Bucket

image-20230612213102155

image-20230612213550877

image-20230612213634047

然后点击“确定”创建即可

4.创建AccessKey

第一步:点击右上角自己的头像

image-20230612214203415

image-20230612214240235

第二步:输入自己手机号码,创建AccessKey

image-20230612214445448

image-20230612214542400

image-20230612214824636

AccessKey ID 一定要复制到文本中,保存下来

AccessKey Secret 一定要复制到文本中,保存下来

3.安装以及配置PicGo

1.下载PicGo

由于PicGo在github上面,所以需要魔法下载,当然大家也可以使用国内的一些镜像来下载。

第一步:点击下载

点击下载链接

image-20230612215432057

第二步:往下拉选择2.3.1版本

image-20230612220045429

第三步:往下拉,选择对应系统的安装包

image-20230612220325594

由于PicGo的服务器在国外,下载会异常缓慢,所以我把这个exe文件放到了自己的网盘里面,大家可以自行下载

链接: https://pan.baidu.com/s/1375OQ8Il6WqTZATDf51HZw?pwd=2g88

提取码: 2g88

2.安装PicGo

第一步:点击下载的exe文件

image-20230612222516118

第二步:开始安装

image-20230612222607508

image-20230612222734155

等待安装成功即可。

3.配置PicGo

第一步:打开安装好的PicGo,选择图床

image-20230613074028209

第二步:设置Server

image-20230613074133661

设置内容

image-20230613074211369

第三步:选择阿里云图床,进行配置

image-20230613074828511

设置存储区域的参数讲解

第一步:打开阿里云,进入我们的Bucket中

第二步:选择概览

image-20230613075555881

第三步:往下拉,选择外网访问

image-20230613075755896

第四步:设置参数

oss-cn-beijing.aliyuncs.com修改一下,变成oss-cn-beijing后当做PicGo的参数传入设置存储区域

设置存储路径参数讲解

这个参数是指定我们在PicGo中上传图片时,将图片传到我们指定Bucket中的特定文件夹内。

比如:

​ 我们在阿里云设置的Bucket中创建一个文件夹,叫做typora-tu-chuang文件夹,我们在picgo中指定这个文件后,我们的图片之后上传就会传到这个文件夹内

image-20230613075411107

可以通过设置存储路径设置,将不同笔记的图片存放在不同的Bucket文件夹内

4.测试

打开picgo随便上传一张图片,看是否成功

image-20230613080225827

4.在typora中设置PicGo

1.安装并打开pytora

这一步跳过,小伙伴们可以在网上搜索,有非常多的教程

2.打开图像设置

点击文件–>偏好设置–>图像

3.设置选择

image-20230613080908651

4.使用

第一步:将图片拖入typora中

image-20230613081107801

image-20230613081159892

第二步:点击上传图片

选中图片–>鼠标右键–>上传图片

第三步:删除后缀

有的时候很奇怪,我们点击上传图片后,有的时候图片可以显示出来,但是有的时候图片显示不出来,这个时候我们需要删除一些后缀

点击上传后的图片–> 查看url地址–> 删除后缀

image-20230613082342830

需要注意一下,无论我们的图片在上传后有没有加载出来,都非常建议删除后面的后缀,我们查看一下后缀内容,就可以大概看出,这是我们的AccessKey。

如果到这里你没有什么问题的话,代表你已经配置成功了,接下来就享受图床带来的便利吧!!!

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

华为OD机试真题 JavaScript 实现【静态代码扫描服务】【2023Q1 100分】

一、题目描述 静态扫描快速识别源代码的缺陷,静态扫描的结果以扫描报告作为输出: 文件扫描的成本和文件大小相关,如果文件大小为N,则扫描成本为N个金币;扫描报告的缓存成本和文件大小无关,每缓存一个报告…

(二)安装 Kafka

文章目录 1.选择操作系统2.配置 Java 环境3.安装 ZooKeeper4.安装 broker(1)安装 broker(2)验证是否安装正确 5.配置 broker(1)常规配置(2)主题的默认配置 6.配置 Kafka 集群&#x…

Netty之协议设计

目录 为什么需要协议 redis协议示例 http协议举例 自定义协议 要素 编解码器 测试 为什么需要协议 TCP/IP 中消息传输基于流的方式,没有边界。 协议的目的就是划定消息的边界,制定通信双方要共同遵守的通信规则 例如:在网络上传输 …

c++11 标准模板(STL)(std::ios_base)(三)

定义于头文件 <ios> class ios_base; 类 ios_base 是作为所有 I/O 流类的基类工作的多用途类。它维护数种数据&#xff1a; 1) 状态信息&#xff1a;流状态标志&#xff1b; 2) 控制信息&#xff1a;控制输入和输出序列格式化和感染的本地环境的标志&#xff1b; 3)…

(一)Flask简介和快速使用

关于Python三大Web框架浅谈一嘴&#xff1a; Django、Flask和Tornado三个框架都是Python Web应用的开发框架&#xff0c;虽然它们都能够开发Web应用&#xff0c;但在使用方式、适用领域和处理方式上还是有很多不同的。 Django Django是一个高层次&#xff08;大而全&#xff0…

Flutter自定义系列之折线波动图,心率图,价格走势图

随着前两篇文章的学习&#xff0c;我今天继续给大家演示下简单的自定义之折线波动图&#xff0c;心率图&#xff0c;价格走势图。 这里&#xff0c;我们创建一个自定义的StatefulWidget&#xff0c;用于显示动态的价格线。 我们将使用CustomPaint和CustomPainter来绘制价格线…

chatgpt赋能python:Python中如何截断字符串

Python中如何截断字符串 Python是一种简单易学、高效的编程语言&#xff0c;旨在让开发人员更快、更方便地完成任务。然而&#xff0c;在实际开发过程中&#xff0c;我们常常需要对字符串进行截断操作。那么&#xff0c;Python中怎么截断字符串呢&#xff1f;接下来就让我们来…

如何最大限度地利用ChatGPT、Bard和其他聊天机器人

作者&#xff1a;Hayden Field 译者&#xff1a;明明如月 当下&#xff0c;随着生成式人工智能的发展&#xff0c;面向消费者的聊天机器人能够处理不同领域的需求&#xff0c;并提供相应的帮助和建议&#xff0c;如制定商业战略、设计数学学习指南、提供薪资谈判建议&#xff…

chatgpt赋能python:Python字符串截断-解决方式及实现方法

Python字符串截断-解决方式及实现方法 在Python编程中&#xff0c;处理字符串是一个非常常见的任务。其中&#xff0c;字符串截断也是在许多场景下必不可少的功能之一。Python不仅提供了许多内置函数来处理字符串&#xff0c;而且还有许多方法来截断字符串。 什么是字符串截断…

chatgpt赋能python:Python怎么截图速度快?

Python怎么截图速度快&#xff1f; 在现在这个数字时代&#xff0c;我们所有人都需要进行屏幕截图。无论是用于记录重要笔记&#xff0c;制作教程&#xff0c;或是用于软件质量控制&#xff0c;高速、高质量、高效的屏幕截图工具都非常必要。 在Python编程领域中&#xff0c;…

S3C2440A的ARM工作模式以及寄存器种类

文章目录 前言一、ARM的工作模式二、寄存器的种类&#xff08;注意特殊寄存器的使用&#xff09;总结 前言 本期和大家主要分享的是ARM工作模式以及寄存器种类&#xff0c;不同系列的ARM的工作模式以及寄存器的种类大同小异&#xff0c;所以针对于S3C2440A&#xff0c;一定得通…

【题目解析】第六届字节后端青训营结营小测试全解析

前言 &#x1f44f; Hi! 我是 Yumuing&#xff0c;一个技术的敲钟人 &#x1f468;‍&#x1f4bb; 每天分享技术文章&#xff0c;永远做技术的朝拜者 &#x1f4da; 欢迎关注我的博客&#xff1a;Yumuing’s blog 由于官方答案没有出来&#xff0c;所以&#xff0c;这部分都是…

03.填充中断向量表IDT,使用中断

填充中断描述符表IDT&#xff0c;使用中断 通过初始化中断控制芯片&#xff0c;编码中断函数&#xff0c;实现BIOS中断 操作系统的中断是一种异步事件&#xff0c;用于通知 CPU 某个事件已经发生&#xff0c;例如硬件设备完成数据传输、发生错误或用户发起的系统调用。当操作系…

栈和队列(栈的应用)[二]

文章目录 栈的应用一、栈在系统中的应用简化路径(leetcode. 71) 二、扩号匹配问题有效的括号(leetcode. 20) 三、字符串去重删除字符串中的所有相邻重复项(leetcode. 1047) 四、逆波兰表达式问题逆波兰表达式求值(leetcode. 150) 总结 栈的应用 递归的实现是栈&#xff1a;每一…

使用腾讯手游助手作为开发测试模拟器的方案---以及部分问题的解决方案-1

目录 前言: 一.目录结构 二.注册表研究 1.HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Tencent\MobileGamePC 2.HKEY_CURRENT_USER\Software\Tencent\MobileGamePC 三.模拟器快捷启动 1.快捷启动命令: 2.启动命令如何放入桌面: 3.adb端口,目前测试均可以使用: 前言: 此…

PyTorch深度学习实战(3)——使用PyTorch构建神经网络

PyTorch深度学习实战&#xff08;3&#xff09;——使用PyTorch构建神经网络 0. 前言1. PyTorch 构建神经网络初体验1.1 使用 PyTorch 构建神经网络1.2 神经网络数据加载1.3 模型测试1.4 获取中间层的值 2. 使用 Sequential 类构建神经网络3. PyTorch 模型的保存和加载3.1 模型…

【框架源码】Spring源码解析之Bean生命周期流程

观看本文前&#xff0c;我们先思考一个问题&#xff0c;什么是Spring的bean的生命周期&#xff1f;这也是我们在面试的时候&#xff0c;面试官常问的一个问题。 在没有Spring之前&#xff0c;我们创建对象的时候&#xff0c;采用new的方式&#xff0c;当对象不在被使用的时候&…

【网络】UDP/TCP网络程序

目录 UDP网络程序 简单通信版本(UDP) 准备工作&#xff08;接口学习、分析&#xff09; 整体代码&#xff08;Server.hpp/Server.cpp/Client.hpp/Client.cpp&#xff09; 添加“婴儿版”业务逻辑 英译汉翻译 my_shell 聊天室 linux和windows通信 TCP网络程序 简单通…

AB32VG1:SDK_AB53XX_V061(3)IO口复用功能的补充资料

文章目录 1.IO口功能复用表格2.功能映射寄存器 FUNCTION03.功能映射寄存器 FUNCTION14.功能映射寄存器 FUNCTION2 AB5301A的官方数据手册很不完善&#xff0c;没有开放出来。我通过阅读源码补充了一些关于IO口功能复用寄存器的资料。 官方寄存器文档&#xff1a;《 AB32VG1_Re…

chatgpt赋能python:Python怎么截屏Windows

Python怎么截屏Windows Python是一种高级编程语言&#xff0c;具有快速开发、易于学习、可移植性强等优点&#xff0c;因此在实现Windows屏幕截图方面也是一种非常强大的工具。 什么是Windows屏幕截图&#xff1f; Windows屏幕截图是将当前屏幕或窗口的图像保存成文件或剪贴…