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

✅作者简介:大家好,我是Cisyam,热爱Java后端开发者,一个想要与大家共同进步的男人😉😉
🍎个人主页:Cisyam-Shark的博客
💞当前专栏: 程序日常
✨特色专栏: MySQL学习
🥭本文内容:Typora+PicGo+阿里云OSS搭建博客图床
🖥️个人小站 :个人博客,欢迎大家访问
📚个人知识库: 知识库,欢迎大家访问

为什么要搭建博客图床?

以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

我们的图床就大获全胜!

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

每日一题——删除字符串中的所有相邻重复项

每日一题 删除字符串中的所有相邻重复项 题目链接 思路 这是一道用栈解决的典型题目 我们先来看看栈的基本性质: 栈:是一种特殊的线性表,其只允许在固定的一端进行插入和删除元素的操作。进行数据插入和删除操作的一端称为栈顶&#xff0c…

【PC迁移与管理】上海道宁为每个用户和每个 PC 传输和迁移场景提供解决方案——PCmover

PCmover 是一款 可以自动将所有选定文件、 文件夹、设置、用户配置文件 甚至应用程序 从旧PC传输、恢复和升级到 新PC或操作系统的软件 而且由于 大多数迁移的应用程序 都已安装在新PC上即可使用 通常无需查找旧CD 以前下载的程序 序列号或许可证代码 开发商介绍 La…

Zookeeper学习---2、客户端API操作、客户端向服务端写数据流程

1、客户端API操作 1.1 IDEA 环境搭建 前提&#xff1a;保证 hadoop102、hadoop103、hadoop104 服务器上 Zookeeper 集群服务端启动。 1、创建一个工程&#xff1a;Zookeeper 2、添加pom文件 <?xml version"1.0" encoding"UTF-8"?> <project …

Android Studio 2022.3 新版 flamingo 安装步骤及遇到的问题

下载地址: https://developer.android.google.cn/studio D盘中新建一个 Android 文件夹, 用来存储 Android studio 和 SDK 文件. 下载好之后, 运行 exe 文件, 点击 next 注意这个路径最好不要有空格,比如 program files这种目录,不然后面安装sdk的时候会有问题. 点击 instal…

【Linux】线程概述、创建线程、终止线程

目录 线程概述1、创建线程函数解析代码举例 2、终止线程函数解析代码举例 橙色 线程概述 与进程类似&#xff0c;线程是允许应用程序并发执行多个任务的一种机制。一个进程可以包含多个线程。 进程是 CPU 分配资源的最小单位&#xff0c;线程是操作系统调度执行的最小单位。…

Qt与Excel:从底层原理到上层应用的全面探索

Qt与Excel&#xff1a;从底层原理到上层应用的全面探索 一、Qt与Excel文件的交互基础&#xff08;Basics of Qt and Excel Interaction&#xff09;1.1 Qt与Excel文件的基本概念&#xff08;Basic Concepts of Qt and Excel Files&#xff09;1.2 Qt读取Excel文件的基本方法&am…

Python文件打包成exe文件

文章目录 背景安装pyinstaller开始打包总结 背景 今天因为在线将pdf转为word被收费了&#xff0c;有点不爽&#xff0c;所以自己动手撸一个pdf转word的小工具&#xff0c;想着打包成exe给朋友使用&#xff0c;万一哪天会用到呢&#xff1f; 安装pyinstaller 打开cmd命令窗口…

Homeassistant --openwrt docker 安装

openwrt homeassistant安装教程 前提&#xff1a;在N1盒子上面烧录 f大的openwrt系统 (安装81o 或者82o都可以) 一.进入openwrt系统 通常为192.168.1.1 打开网络配置 点击网络点击接口然后修改 这样网络是属于旁路由上网了 可以联通网络了 主要需要填写正确 二.点击docker …

【群智能算法改进】一种改进的沙丘猫群优化算法 改进沙丘猫群算法 改进SCSO[2]【Matlab代码#36】

文章目录 【获取资源请见文章第5节&#xff1a;资源获取】1. 原始沙丘猫群优化算法2. 改进沙丘猫群算法2.1 非线性自适应参数2.2 Cauchy变异策略2.3 最优邻域扰动策略 3. 部分代码展示4. 仿真结果展示5. 资源获取6. 参考文献 【获取资源请见文章第5节&#xff1a;资源获取】 1.…

Java反射概述

2 反射 2.1 反射概述 Java反射机制:是指在运行时去获取一个类的变量和方法信息。然后通过获取到的信息来创建对象,调用方法的一种机制。由于这种动态性,可以极大的增强程序的灵活性,程序不用在编译期就完成确定,在运行期仍然可以扩展2.2 反射获取Class类的对象 我们要想通过反…

chatgpt赋能python:使用Python关闭所有子进程

使用Python关闭所有子进程 如果您使用Python编写了多进程应用程序&#xff0c;那么您可能会遇到一些关闭所有子进程的问题。这种情况可能是您的主进程已经完成了&#xff0c;但是子进程却没有关闭&#xff0c;从而导致资源浪费和程序崩溃。在这篇文章中&#xff0c;我们将讨论…

智能网联环境下数据安全分析与建设思考

01安全概况 随着智能化程度不断提升&#xff0c;汽车正逐渐从传统意义上的交通工具演化为公路上的智能终端&#xff0c;核心部件也从发动机、变速箱、底盘上升为芯片、软件与数据。相关机构研究表明&#xff0c;目前全球市场搭载智能网联功能的新车渗透率约为45%&#xff0c;预…

使用WordPress提高企业敏捷性

喜欢WordPress的原因有很多&#xff1a;该平台非常适合内容管理以及控制预算。此外&#xff0c; 在 提高开发效率和简化项目管理方面&#xff0c;WordPress可以通过多种方式提供帮助。 对于任何企业业务&#xff0c;目标始终是在不影响质量的情况下更快地启动项目、发布修复和…

我是如何将家里的台式机改成服务器的

大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂 文章目录 前言准备工作电脑宽带公网ip光猫给成桥接方式设置路由器设置服务器静态ip地址前言 搞研发的伙伴们,都知道服务器是个什么东西,以及服务器的作用、费用,相信都一清二楚。一般,我们用服务器说的简单点就是放一…

【CMake 入门与进阶(1)】一个例子搞懂什么是CMakeLists——从“Hello World”开始(附代码)

在前面两篇内容中&#xff0c;我们编写了很多示例程序&#xff0c;但这些示例程序都只有一个.c 源文件&#xff0c;非常简单。因此&#xff0c;编译这些示例代码其实都非常简单&#xff0c;直接使用 GCC 编译器编译即可&#xff0c;连 Makefile 都不需要。但是&#xff0c;在实…

Qt概述和项目文件介绍

注意&#xff1a;学习本专栏的内容需要了解C相关知识&#xff0c;会涉及到C基础语法和相关特性&#xff0c;可以参考我的另一个专栏 c从零开始_小梁今天敲代码了吗的博客-CSDN博客 目录 一.什么是Qt 二.Qt的案例 三.项目文件介绍 一.什么是Qt 是一个跨平台的 C 应用程序…

运维小白必学篇之基础篇第一集:Linux相关命令实验

Linux相关命令实验 实验者&#xff1a;胡 阳 命令提示符 【rootlocalhost ~】# 【当前登录系统的用户主机名 当前工作目录】提示符 &#xff08;# 表示 管理员&#xff09; &#xff08;&#xff04; 表示 普通用户&#xff09; 基本格式&#xff1a;命令 【选项】 【…

CSDN铁粉攻略

欢迎关注博主 Mindtechnist 或加入【Linux C/C/Python社区】一起学习和分享Linux、C、C、Python、Matlab&#xff0c;机器人运动控制、多机器人协作&#xff0c;智能优化算法&#xff0c;滤波估计、多传感器信息融合&#xff0c;机器学习&#xff0c;人工智能等相关领域的知识和…

Linux多Reactor多线程网络模型

多Reactor多线程网络模型是一种用于构建高性能网络应用的并发模型。它基于事件驱动的思想&#xff0c;通过使用多个Reactor线程和多个工作线程来处理并发的网络请求。 底层调用关系&#xff1a; 在多Reactor多线程网络模型中&#xff0c;通常会有一个主Reactor线程和多个工作线…

【软件测试基础】

&#x1f389;&#x1f389;&#x1f389;点进来你就是我的人了博主主页&#xff1a;&#x1f648;&#x1f648;&#x1f648;戳一戳,欢迎大佬指点! 欢迎志同道合的朋友一起加油喔&#x1f93a;&#x1f93a;&#x1f93a; 目录 1、什么是软件测试(CASE) 1.1 软件测试就是验…