Typora+PicGo+阿里云OSS搭建个人博客图床(2024最新详细搭建教程)

news2024/11/17 13:26:48

创作者:Code_流苏(CSDN)

目录

      • 一、什么是图床?
      • 二、准备工作
      • 三、配置PicGo
      • 四、配置Typora
      • 五、使用

很高兴你打开了这篇博客,如有疑问,欢迎评论。
更多好用的软件工具,请关注我,订阅专栏《实用软件与高效工具》予以支持,内容持续更新中…

一、什么是图床?

图床,即图片托管服务,是一种在线服务,允许用户上传、存储和分享图片。用户可以通过图床上传图片到互联网上的服务器,并获取一个链接,用该链接可以在其他地方,如社交媒体、论坛、博客等,分享或嵌入这些图片。

图床服务的优点说三点(以下是个人使用感受到的优点):

  • 首先,使用图床服务,可以不在服务器上存储图片,减少服务器的内存的占用,这样也能节省服务器带宽和存储空间。
  • 然后,管理很方便,而且你可以直接通过复制图片链接,粘贴到各类文章中,都能够正常显示,减少了反复上传的繁琐之处。
  • 最后就是,许多图床服务会使用CDN,图片加载速度快,这样大家看到的图片也能很快的加载出来。

了解什么是图床之后,来简要说明一下要用到的软件或服务

1、Typora:Markdown编辑器(很好用的md编辑器,体系比较完善,但最新版本是付费买断制)

image-20240501113201542

2、PicGo:开源的图片上传工具(可以帮助咱们管理图床,以及上传的图片)

image-20240501113714805

3、阿里云OSS:对象存储服务(阿里云提供的一种存储服务,用于存储和管理海量非结构化数据,例如图片、视频、文档等。基于云计算的分布式存储架构,管理效率高且实用

image-20240501113929732

通过上面的软件及配置,咱们就能够搭建起个人博客的图床,实现图片的上传、存储和展示。

接着来正式进入图床搭建准备

二、准备工作

注册阿里云账号并开通OSS服务

1、在阿里云官网注册账号

https://account.aliyun.com/register/

image-20240501114221987

注册之后,进行登录即可。

2、开通OSS服务

首先进入OSS服务页面:https://www.aliyun.com/product/oss

image-20240501114515097

点击右上角控制台

image-20240501115248173

进入控制台后,找到左上角列表图标,点开它

image-20240501115038956

选择对象存储OSS:

image-20240501115132715

3、进入OSS界面后,创建一个存储空间(Bucket),用于存放博客中的图片资源。

首先,找到右下角 创建Bucket,左键点击打开

image-20240501120420380

名称:自定义

地域:就近原则

存储类型:标准

存储冗余:本地冗余

读写权限:公共读(图中忘记标注了,但是有选择)

image-20240501121134641

之后点击**”完成创建“**即可。

image-20240501121210032

之后就能看到咱们自己创建的Bucket了
(这里的是之前创建过的yueliusu,上图中的liusublog是演示配置用的)。

image-20240501121516208

然后阿里云OSS服务就先配置到这里,页面先保留,不要关,后面还会用到OSS的信息。

安装Typora和PicGo

在电脑上安装Typora和PicGo。Typora用于编辑Markdown文件,而PicGo则是用来上传图片至图床的工具。

1、Typora

官网下载地址:https://typoraio.cn/

image-20240501122358010

老版本免费,最新版免费试用15天,付费买断制,可按需购入,有能力的话建议支持正版若囊中羞涩,可以找老版本的Typora,**搜索引擎搜索”Typora 免费版“**等即可)

然后安装的话,基本上就是选择安装路径,然后下一步下一步就完成了,就不在此展示了,安装完成后,界面如下:

image-20240501122240239

紧接着咱们进入PicGo的下载安装

2、PicGo

官网下载地址:https://molunerfinn.com/PicGo/

image-20240501122519845

安装的话,也是选择安装路径,然后下一步下一步,就不在此展示了,安装完成后,界面如下:

image-20240501122849518

三、配置PicGo

打开PicGo,选择图床设置,然后选择阿里云OSS

Snipaste_2024-05-01_11-01-02

上面是配置好的一个阿里云OSS,可以看到我们需要填写这几个信息:

  • 设定KeyId
  • 设定KeySecret
  • 设定Bucket
  • 设定存储区域
  • 设定存储路径

目前未知信息有:

  • 设定KeyId
  • 设定KeySecret

目前可以填写的有:

  • 设定Bucket:刚才的Bucket名,例如我刚才命名为yueliusu,那这里就填yueliusu
  • 设定存储区域:按照格式写就行,比如我刚才买的是北京区域的,那就写oss-cn-beijing,如果是其它城市就把beijing换成其它的
  • 设定存储路径:自定义,pic/,img/,img1/,img2/,imgs/等等都可以

查找KeyId、KeySecret并填入完成配置

1、进入阿里云RAM访问控制:https://ram.console.aliyun.com/,然后点击创建AccessKey,它就会生成KeyId以及对应KeySecret,复制保存下来。

image-20240501130437020

2、将复制的信息填入到PicGo中的阿里云OSS设置中,之后就完成了。

image-20240501130710532

配置完成后,点击确定保存设置。

image-20240501130314230

之后,需要氪金了。使用OSS是会计费的,但一般充几块或者十块左右就能用很久。

阿里云官网充值链接:https://usercenter2.aliyun.com/home

之前充了15块,3个月用了2毛4,大家可以根据自己需求氪金。

image-20240501132038683

OK,以上都整完之后,咱们就来最后的配置,Typora

四、配置Typora

1、左上角文件,选择偏好设置

image-20240501133827066

2、之后选择图像选项,进行如图设置

image-20240501132547638

文字版:

  • 插入图片时——上传图片
  • 勾选应用规则、YAML设置自动上传
  • 勾选优先相对、自动转义
  • 上传服务——PicGo(app)
  • PicGo路径——PicGo目录下的PicGo.exe文件

image-20240501132831253

3、验证图片上传选项,如下图,则配置成功

Snipaste_2024-05-01_11-08-04

五、使用

配置完成后,插入一张图片并保存文件时,Typora会自动调用PicGo上传图片至阿里云OSS,并生成图片的外链地址

演示如下:

1

到这里安装就结束了,可以划走了…噢,对,记得点赞分享支持一下
创作者:Code_流苏(CSDN)(一个喜欢古诗词和编程的Coder😊)

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

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

相关文章

[Transactional Level Bypass] Bypass Validation Rule in Apex Batch Class

问题 现有一个batch job用于批量更新Lead&#xff0c;最近频繁收到apex exception email, 显示更新Lead的时候触发了validation rule&#xff0c;导致apex job运行失败。 batch class节选如下&#xff1a; public void execute(Database.BatchableContext bc, List<Lead&…

大白话理解IoC和DI

引言 Spring是Java领域最受欢迎的开发框架之一&#xff0c;其核心功能之一就是Spring容器&#xff0c;也就是IoC容器。这篇文章&#xff0c;我们就来聊聊Spring的两大核心功能&#xff0c;控制反转&#xff08;IOC&#xff09;和依赖注入&#xff08;DI&#xff09;。 文章思…

C++ 模拟实现 priority_queue(优先队列)

目录 一&#xff0c;优先队列简介 二&#xff0c;priority_queue 的内部实现原理 三&#xff0c;模拟实现 priority_queue 1&#xff0c;模板参数与数据结构 2&#xff0c;构造 3&#xff0c;辅助功能&#xff08;堆的有序化&#xff0c;建立堆&#xff09; 4&#xff0…

【数据结构】链表专题2

前言 本篇博客继续探讨有关链表的专题&#xff0c;这片博客的题&#xff0c;提前打个预防针&#xff0c;有点意思哦&#xff0c;哈哈哈&#xff0c;话不多说&#xff0c;进入正文 &#x1f493; 个人主页&#xff1a;小张同学zkf ⏩ 文章专栏&#xff1a;数据结构 若有问题 评论…

STM32定时器门控模式+单脉冲模式配置

1、实现功能及使用场景&#xff1a; 利用一个主定时器多个从定时器&#xff0c;主定时器控制从定时器的脉冲发送时机和发送个数。 适合用在多轴同步控制的自动化或机器人设备中&#xff0c;同时可以防止系统程序跑飞时运动轴没有停止&#xff0c;提高系统安全。 2、门控模式…

【华为】路由综合实验(基础)

【华为】路由综合实验 实验需求拓扑配置AR1AR2AR3AR4AR5PC1PC2 查看通信OSPF邻居OSPF路由表 BGPBGP邻居BGP 路由表 配置文档 实验需求 ① 自行规划IP地址 ② 在区域1里面 启用OSPF ③ 在区域1和区域2 启用BGP&#xff0c;使AR4和AR3成为eBGP&#xff0c;AR4和AR5成为iBGP对等体…

服务器数据恢复—服务器重装系统导致XFS分区丢失的数据恢复案例

服务器数据恢复环境&#xff1a; 一台服务器MD1200磁盘柜&#xff0c;通过raid卡将15块磁盘组建成一组raid5磁盘阵列。raid5阵列分配了2个lun&#xff0c;操作系统层面对lun进行分区&#xff1a;1个分区采用LVM扩容方式加入到了root_lv中&#xff0c;其余分区格式化为XFS文件系…

Java发送请求-http+https的

第一步&#xff1a;建议ssl连接对象&#xff0c;信任所有证书 第二步&#xff1a;代码同时支持httphttps 引入源码类 是一个注册器 引入这个类&#xff0c;和它的方法create 注册器&#xff0c;所以对http和https都进行注册&#xff0c;参数为id和item&#xff0c;其中http的…

在UI界面中播放视频_unity基础开发教程

在UI界面中播放视频_unity基础开发教程 前言操作步骤结语 前言 之前我写过一篇在场景中播放视频的文章&#xff0c;但是在开发中有时候也会在UI的界面中播放视频&#xff0c;这期我们做一下在UI的界面中播放视频。 操作步骤 首先在场景中创建一个Raw Image&#xff0c;UI->…

Visual 下载 NuGet包速度变慢

Visual 下载 NuGet包速度变慢 最近遇到一个问题&#xff0c;即我在使用 Visual Studio 下载 Nuget 包的时候会发现变得特别慢&#xff0c;那么该如何解决该问题呢 Visual Studio → 工具 → NuGet 包管理项 → 程序包管理设置 → 程序包源 从上面我们可以看到我使用的包源地址…

Codeforces Round 942 (Div. 2) ----- A ----- F --- 题解

前情提要&#xff1a;因为数学水平原因&#xff0c;没法给出e的证明&#xff0c;因为我也是举例归类得出的结论&#xff0c;但是按理来说应该可以利用生成数函数证明 f题也是因为数学原因加上水平有限&#xff0c;我的理解可能有偏差。 目录 A. Contest Proposal&#xff1a…

【无线通信开发应用】nRF905数据手册深度解读

希望通过两个stm32、两个nRF905无线通信模块、串口来实现两机通信。具体功能为&#xff1a; 板子A、B分别包含一个stm32单片机和一个nRF905无线模块&#xff0c;欲实现板子A、B之间的通信。 其中&#xff0c;PC端串口助手可向板子A的stm32发送字符‘A’控制板子B上的LED亮灯&am…

算法系列--多源BFS问题

&#x1f495;"对相爱的人来说&#xff0c;对方的心意&#xff0c;才是最好的房子。"&#x1f495; 作者&#xff1a;Lvzi 文章主要内容&#xff1a;算法系列–多源BFS问题 大家好,今天为大家带来的是算法系列--多源BFS问题 前言: 之前我们已经学习过单源的最短路问…

质谱原理与仪器3-笔记

质谱原理与仪器3-笔记 一、质量分析器类型1、聚焦磁场分析器&#xff1a;A、单聚焦磁场分析器B、双聚焦磁场分析器 2、四极杆质量分析器3、飞行时间质谱仪(Time of Flight MS, TOF-MS)4、离子阱质量分析器 二、质谱仪的主要性能指标1、质量范围(mass range)2、分辨率(resolutio…

面试经典150题——Z 字形变换

面试经典150题 day22 题目来源我的题解方法一 使用StringBuilder数组模拟矩阵方法二 找规律直接构造 题目来源 力扣每日一题&#xff1b;题序&#xff1a;6 我的题解 方法一 使用StringBuilder数组模拟矩阵 如果numRows是1&#xff0c;则直接返回s。 否则&#xff0c;创建nu…

python实现的基于单向循环链表插入排序

相比于定义一个循环双向链表来实现插入排序来说&#xff0c;下面的实现采用一个单向循环链表来实现&#xff0c;并且不需要定义一个单向循环链表类&#xff0c;而是把一个list&#xff08;数组/顺序表&#xff09;当成单向循环链表来用&#xff0c;list的元素是一个包含两个元素…

26.统一网关Gateway

网关的功能 1.身份认证&#xff0c;权限的校验。 2.服务的路由&#xff0c;负载均衡。用户请求被分配到哪一个微服务。一个微服务可以有多个实例&#xff0c;所以使用负载均衡。 3.请求限流。 springcloud网关实现有两种&#xff1a;gateway, zuul zuul是基于servlet实现的…

Enhancing Diffusion——利用三维透视几何约束增强扩散模型

概述 透视在艺术中被广泛研究&#xff0c;但现代高质量图像生成方法却缺乏透视精度。新的生成模型引入了几何约束&#xff0c;通过训练过程提高透视精度。这样可以生成更逼真的图像&#xff0c;并提高相关深度估计模型的性能。 最近的图像生成技术使研究人员能够创造性地进行…

TCP/IP和HTTP协议

TCP/IP OSI 七层模型在提出时的出发点是基于标准化的考虑&#xff0c;而没有考虑到具体的市场需求&#xff0c;使得该模型结构复杂&#xff0c;部分功能冗余&#xff0c;因而完全实现 OSI 参考模型的系统不多。而 TCP/IP 参考模型直接面向市场需求&#xff0c;实现起来也比较…

App一键直达,Xinstall助力提升用户体验

在这个移动互联网时代&#xff0c;App已经成为了我们日常生活中不可或缺的一部分。然而&#xff0c;每当我们在浏览器或社交平台上看到一个有趣的App推荐&#xff0c;点击下载后却往往要经历一系列繁琐的跳转和确认过程&#xff0c;这无疑大大降低了用户体验。那么&#xff0c;…