Typora+PicGo+阿里云OSS搭建博客图床

news2025/2/24 5:52:19

🏠个人主页:shark-Gao

🧑个人简介:大家好,我是shark-Gao,一个想要与大家共同进步的男人😉😉

🎉目前状况:23届毕业生,目前在某公司实习👏👏

❤️欢迎大家:这里是CSDN,我总结知识的地方,欢迎来到我的博客,我亲爱的大佬😘

🖥️个人小站 :个人博客,欢迎大家访问

为什么要搭建博客图床?

以CSDN为例,我们可以选择使用大部分blog平台通用的Markdown语法进行博客创作,作为一个合格的程序狗,那么Markdown语法必然是首选。

虽然CSDN自带的编辑器已经能满足我们95%的写作需求,但是我们的图片不可能一直保存在本地吧,想要在网络中看到我们图片,那么图床就必不可少啦

在Typora在Markdown语法编辑上能给你提供更好的写作体验,那为什么一定要选择阿里云OSS,其实我最早是使用github跟gitee免费搭建的图床,但是俗话说,便宜没好货,github因服务器在国外,之前很长一段时间国内无法访问图片,于是便转战国内gitee,但是当时那次事故之后,gitee里面的全部图片都挂了,真的心疼,将近一万字图片就这么没了…

所以我选择了以Typora+Picgo+图床的方式来进行博客创作,目前也是我的主力图床!

而在本地的Markdown文件.md中,图片是以“外链”这一形式存在的

Office word中,图片是直接插入docx文件里面
Markdown中,图片只是一个本地/联网的地址
也就是说,如果我们使用本地Markdown编译器(如typora)来编辑MD文件的时候,如果MD里面插入的图片的源文件被移动或者删除了,我们的MD文档里面对应的图片也无法显示出来。

同时,如果我们用本地编辑器写好了一篇博客,想把它上传到CSDN上。CSDN是无法自动转存文件里面的图片的(因为这个图片只是一个你硬盘里面的文件路径)

如果你的图片在本地上传到CSDN上,就如下这个效果 :

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img)(blog/image-20220318140612548.png)]

这时候我们就需要用图床来解决这个问题

什么是图床?

图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

简单来说:

在我们往typora里插入图片的时候,PicGO会自动上传图片到图床,并返回一个图片的链接

这时候你的图片就是一个网络的链接(网址),不再是本地路径。

你也可以在任何有网络的地方、用任何设备访问这张图片了

即便是本地的那张图片移动或者删除,也不会影响图床里的这张图片

Markdown本地文件里面的图片也就不会失效了!

准备工作

typora

Typora:【中文官网】

必各位应该听很多博主安利过Typora这款软件,这里就不展开描述了。

新版本typora需要付费买断。可以考虑支持正版,也可以去找找旧版本安装包

PicoGo

PicGo:【Github地址】

image-20230525170115723

image-20230525170044870

配置阿里云OSS

注册,开通对象储存

百度搜索阿里云即可看到阿里云的官网

image-20230525170321335

注册账户并实名后,进入你的控制台

image-20230525170444135

选择对象储存并开通

image-20230525170511060

创建bucket

在左侧选择概览,然后在右侧创建一个新的bucket

注意:

  • Bucket名字不能有大写字母
  • 服务器就近选择
  • 图床选择标准存储
  • 读写权限公共读

image-20230525170613135

创建完成后,你的bucket应该就出现在了左侧

找到你的地域节点

点击你的bucket名

image-20230526102332195

然后点击bucket下的概览

image-20230526102357117

访问域名一栏找到你的地域节点,后面会用到

如图,只需要复制oss-cn-hangzhou即可,不需要后面的.aliyuncs.com

image-20230526102448168

找到你的Key

来到右上角,鼠标放在你的头像上,在弹出的框里选择AccessKey管理

image-20230526102633876

阿里云账户充值

收费问题

阿里云OSS的各项收费是独立的!

对于图床而言,有两种收费形式

  • 充值的方式使用储存容量以及流量(默认状态)
  • 按年/月收费,购买一定存储包。流量额外收费

也就是说,即便你购买了下图的存储包,你依旧要为访问图床的流量付钱!

图床使用的是标准型,请勿购买其他类型

  • 储存容量:0.12元/GB/月
  • 图片上传到阿里OSS流量:免费
  • 外网流出流量(如typora访问图床图片):闲时0.25元/GB,时0.50元/GB

仔细算算,我们图床的数据量其实很小的

0.12元/1GB/1个月,一年就是1.44元,远低于40GB的9元收费!

截图/照片以平均0.5mb/张估算,1gb可存放超过1600张图片!

数据低于6GB的情况下直接充值,以GB付费其实比购买储存包更加值得!

注意事项

  • 记得给阿里云账户充值!!别到时候欠费停用了!!(笔者建议下载一个阿里云的APP,在手机上可以随时看到你的阿里云费用情况)
  • 刚开始作图床的时候,直接充值使用即可,无需购买容量包

image-20230526102944761

到这里,我们阿里云OSS基本配置完毕了😎

配置PicGo

打开picgo后,在你windows的状态栏里找到picgo的图标,打开picgo的主界面

image-20230526103021975

图床设置

在图床设置里面选择阿里云OSS,依照以下步骤填写信息

  • 设定Keyld:填写刚刚获得的AccessKeyID

  • 设定KeySecret:填写AccessKeyIDSecret

  • 设定储存空间名:填写bucket名称

    这里填写的是bucket名称,不是浏览器里的域名

  • 确认存储区域:填写你的地域节点,注意复制的格式

  • 指定存储路径:其实就是自定义一个文件夹的名字,以/结尾

它会自动在你的bucket里面创建一个文件夹,并把图片上传进去

image-20230526103159534

弄完之后,记得“确定”,并点击“设置为默认图床”!

picgo设置

在设置里打开时间戳重命名上传后自动复制URL

时间戳重命名:以上传时间来重命名图片,避免同名的图片无法上传(该设置不影响本地图片名)

image-20230526103306274

配置typora

进入typora主界面,点击左上角的“文件-偏好设置”

  • 图像
  • 插入图片时上传图片
  • 下面的选项全勾上【更新22.03.05: 第二个网络位置的图片可以不勾,避免已经上传到图床的图片重复上传】
  • 上传服务选择PicGo(app)
  • PicGo路径:找到picgo的安装路径
    不是安装包的路径!!!!

image-20230526103515936

大功告成!

设置完毕后,我们点击验证图片上传选项

如果弹出以下弹窗,我们的图床就搞定了!😀

image-20230526103605884

最后新建一个文件,验证图片是否正常上传

日常写作的时候,我们只需要复制图片,在typora里面粘贴即可,无需拖动!

当你的图片链接显示为阿里云的网络链接,而不是本地路径时

image-20230526103638933

我们的图床就大获全胜!

今天的文章就到这里了,欢迎大家评论区留言!!!

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

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

相关文章

中国民营快递:战事永不休

【潮汐商业评论/原创】 在中国,没有一个任何行业的“战争”在时间和烈度上可以与快递业相比。这是一场持续长达20年,融合了规模战、价格战、资本战等你能想象到的所有形态的立体化“战争”。 更令人难以置信的是,眼下这场以人力、技术为武器…

你还不会写系统?超详细驾校科考系统教程,手把手教学(内涵源码,Qt实现界面,有接口可供二次开发刷题使用)

目录 一、创建项目 二、登录界面 三、验证邮箱地址 四、验证账号密码 五、考试时间 六、初始化题库 七、布局按钮 八、提交试题 九、窗口交互 一、创建项目 新建Qt桌面应用程序,项目名:ExamSys。 类信息:类名LoginDialog继承自QDi…

Windows 7出现两个IP地址,导致联网问题

Qt源码解析 索引 Windows7 出现两个IP介绍 问题描述 win7电脑连接网线后出现两个IP地址,导致网络连接出现问题。 可能的现象有 连接网络出现黄色感叹号 局域网即时通信(例如飞秋软件收发失败) 修改IP地址不生效 服务软件启动报错&#…

12吋全自动划片机有哪些功能?

1、大面积工作盘:可容纳多个工件,并自动对位。 2、轴光/环光:采用合适的光源照射,显示影像更能呈现工作物表面特征。 3、双倍率显微镜头:视野更大,精准快速进行对准校正工作。 4、非接触测高&#xff1a…

Text2Video-Zero:Text-to-Image Diffusion Models are Zero-Shot Video Generators

【AIGC-AI视频生成系列-文章1】Text2Video-Zero - 知乎一句话亮点:当文本-视频生成也不需要额外数据训练,只需要基于现有的diffusion-model 如Stable Diffusion能力调整即可实现,解决生成视频帧间不一致问题,是不是很心动。 文章链…

腾讯云轻量2核2G4M带宽月流量/CPU/地域选择及限制说明

腾讯云轻量应用服务器2核2G4M活动上线了,这款轻量服务器4M公网带宽,每月300G免费流量,系统盘为50GB SSD盘,腾讯云百科来详细说下轻量应用服务器配置、租用费用、地域选择、CPU型号等详细说明: 目录 腾讯云轻量2核2G4…

2023年上半年软件设计师中级学习总结(超详细)

目录 前言 一、背景1.1上次考试感受:1.2这次考试感受:1.3方法: 二、 过程2.1计算机网络概论计算机组成数据表示相关知识校验码相关知识计算机体系结构网络体系结构OSI/RM和TCP/IP计算机安全性可靠性性能评价 2.2 程序设计语言基础知识编译和解…

前端开发如何更好的避免样式冲突?级联层(CSS@layer)

作者:vivo 互联网前端团队 - Zhang Jiqi 本文主要讲述了CSS中的级联层(CSSlayer),讨论了级联以及级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突,提高代码可读性和可维护性。 一、什么是级联…

选择交换机主要看哪些参数指标

交换机有几个性能指标您一定要知道哦,和海翎光电的小编一起温故而知新。 网络构成方式:接入层交换机、汇聚层交换机、核心层交换机 OST模型:第二层交换机、第三层交换机、第四层交换机……第七层交换机 交换机的可管理性:可管理…

电商分析必懂的指标体系,引流、转化、留存,一文带你搞懂

今天,我就来讲讲电商到底该重点关注哪些指标,又该拿这些指标来进行怎么样的分析。 一般来说,在运营模块,需要重点关注的是新用户的引流和转化,以及老用户的活跃、留存、回购、流失。 01 引流 简单来说,引…

【现实生活实际应用】【公交车换乘算法——算法用在公交车】【单源最短路-如何根据图意构建图,最重要】最优乘车【sstream输入】

问题出现了 其实我们构图的时候, 我们已经知道1 - 3 - 5 那么我们直接让1 连到 3 和 5 表示直达 如果出现另一路 4 7 3 6 则3最终连接的是 5 和 6 从1开始,先走到了 3 和 5 然后bfs宽搜到3(此时就表示换乘了,因为1直达的已经都遍历…

JavaEE进阶5/25(Spring 注解)

1.五大类注解详解(重点 1.Controller 控制器,用于业务逻辑层,来控制用户的行为。它用来检查用户参数的有效性。 当用户的参数有效的话会继续分发到服务层。controller可以理解为程序的安保系统 2.Service 服务层。归属服务层,调用…

【JavaSE】Java基础语法(二十九):Map集合

文章目录 1. Map集合概述和特点2. Map集合的基本功能3. Map集合的获取功能【应用】4. Map集合的遍历(方式1)5. Map集合的遍历(方式2)6. map四种遍历方式 1. Map集合概述和特点 Map集合概述 interface Map<K,V> K&#xff1a;键的类型&#xff1b;V&#xff1a;值的类型…

MySQL — 视图、存储过程、触发器

文章目录 视图/存储过程/存储函数/触发器一、视图1.1 语法1.1.1 创建视图1.1.2 查询1.1.3 修改1.1.4 删除1.1.5 对数据的操作 1.2 检查选项1.2.1 cascaded1.2.2 local 1.3 视图的更新1.4 视图的作用1.5 案例1.5.1 案例11.5.2 案例2 二、存储过程2.1 介绍2.2 基本语法2.3 变量2.…

【保姆级】拯救“爆红”C盘,轻松清出30G

目录 第一步 ​第二步 第三步 第四步 ​第五步&#xff08;可选&#xff09; 打开一个程序&#xff0c;发现等它启动好了咖啡都凉叻。。 访问个文件&#xff0c;都要转个圈圈。。不、转好几个圈圈⭕️⭕️⭕️⭕️⭕️⭕️⭕️ 更新、安装新软件时&#xff0c;提示“安装…

分布式网络通信框架(十二)——zookeeper简介与安装

简介 zookeeper&#xff08;后文简称zk&#xff09;提供功能有&#xff1a;服务注册中心、全局服务命名、以及分布式锁。 RPC服务会被发布到不同的服务器上&#xff0c;本项目zk的作用就是找到某一个RPC服务在哪一个服务器上&#xff0c;提供服务注册发现功能。 zk的数据如何…

Linux-0.11 入口函数main.c详解

Linux-0.11 入口函数main.c详解 模块简介 main.c大部分代码主要是对内核进行初始化&#xff0c;而main.c开始&#xff0c;就都是c语言编写的内核了。 函数详解 time_init static void time_init(void)该函数读取CMOS时钟信息作为系统的开机时间。 struct tm time;do {time…

携手高通,移远通信以全栈式车载产品实力重新定义汽车

5月25日至26日&#xff0c;2023高通汽车技术与合作峰会在苏州成功举办。 移远通信作为高通重要的长期战略合作伙伴&#xff0c;受邀参加此次峰会&#xff0c;并现场展示了支持5G/4G、C-V2X、算力、UWB、Wi-Fi、高精定位等领先技术的多款车规级模组、天线等产品&#xff0c;更有…

Three.js——六、模型对象/材质

模型对象/材质 三维向量 Vector3 与模型位置 该类表示的是一个三维向量&#xff08;3D vector&#xff09;。 一个三维向量表示的是一个有顺序的、三个为一组的数字组合&#xff08;标记为 x、y 和 z&#xff09;&#xff0c; 可被用来表示很多事物&#xff0c;例如&#xff…

Flutter(七)功能型组件

1.导航返回拦截&#xff08;WillPopScope&#xff09; 需求&#xff1a;再按一次退出应用 用户在1秒内点击两次返回按钮时&#xff0c;则退出&#xff1b;如果间隔超过1秒则不退出 import package:flutter/material.dart;class WillPopScopeTestRoute extends StatefulWidget…