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

创作者: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.mfbz.cn/a/587894.html

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

相关文章

基于肤色模型的人脸识别FPGA实现,包含tb测试文件和MATLAB辅助验证

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 matlab2022a的测试结果如下: vivado2019.2的仿真结果如下: 将数据导入到matlab中, 系统的RTL结构图如下图所示…

安装“STM32F4 Discovery Board Programming with Embedded Coder”MATLAB获取硬件支持包失败

安装“STM32F4 Discovery Board Programming with Embedded Coder”MATLAB获取硬件支持包失败 -完美解决方法 显示请续订您的软件维护服务,解决办法 根据知乎的文章 MATLAB获取硬件支持包失败,显示请续订您的软件维护服务,解决办法&#xff…

为家庭公网IP配置DDNS域名

文章目录 域名配置域名更新frp配置修改 在成功完成frp改造Windows笔记本实现家庭版免费内网穿透之后,某天我突然发现内网穿透失效了,一番排查之后原来是路由器对应的公网IP更换了。果然我分到的并不是固定的公网IP,而是会定期变化的。为了免受…

头歌:SparkSQL简单使用

第1关:SparkSQL初识 任务描述 本关任务:编写一个sparksql基础程序。 相关知识 为了完成本关任务,你需要掌握:1. 什么是SparkSQL 2. 什么是SparkSession。 什么是SparkSQL Spark SQL是用来操作结构化和半结构化数据的接口。…

【深耕 Python】Data Science with Python 数据科学(18)Scikit-learn机器学习(三)

写在前面 关于数据科学环境的建立,可以参考我的博客: 【深耕 Python】Data Science with Python 数据科学(1)环境搭建 往期数据科学博文一览: 【深耕 Python】Data Science with Python 数据科学(2&…

2024五一杯数学建模C题思路分享 - 煤矿深部开采冲击地压危险预测

文章目录 1 赛题选题分析 2 解题思路2.1 问题重述2.2 第一问完整思路2.2 二、三问思路更新 3 最新思路更新 1 赛题 C题 煤矿深部开采冲击地压危险预测 煤炭是中国的主要能源和重要的工业原料。然而,随着开采深度的增加,地应力增大,井下煤岩动…

搜索引擎的设计与实现参考论文(论文 + 源码)

【免费】搜索引擎的设计与实现.zip资源-CSDN文库https://download.csdn.net/download/JW_559/89249705?spm1001.2014.3001.5501 搜索引擎的设计与实现 摘要: 我们处在一个大数据的时代,伴随着网络信息资源的庞大,人们越来越多地注重怎样才能…

汽车车灯的材料是什么?汽车车灯的灯罩如果破损破裂破洞了要怎么修复?

汽车车灯的材料主要包括灯罩和灯底座两部分,它们所使用的材料各不相同。 车灯罩的材料主要是透明且具有良好耐热性和耐紫外线性能的塑料。其中,聚碳酸酯(PC)是一种常用的材料,它具有高抗冲击性、耐化学品腐蚀和优良的…

Pandas入门篇(二)-------Dataframe篇4(进阶)(Dataframe的进阶用法)(机器学习前置技术栈)

目录 概述一、复合索引(一)创建具有复合索引的 DataFrame1. 使用 set_index 方法:2.在创建 DataFrame 时直接指定索引: (二)使用复合索引进行数据选择和切片(三)重置索引&#xff08…

Spring Cloud Kubernetes 本地开发环境调试

一、Spring Cloud Kubernetes 本地开发环境调试 上面文章使用 Spring Cloud Kubernetes 在 k8s 环境中实现了服务注册发现、服务动态配置,但是需要放在 k8s 环境中才能正常使用,在本地开发环境中可能没有 k8s 环境,如何本地开发调试呢&#…

1. 深度学习笔记--神经网络中常见的激活函数

1. 介绍 每个激活函数的输入都是一个数字,然后对其进行某种固定的数学操作。激活函数给神经元引入了非线性因素,如果不用激活函数的话,无论神经网络有多少层,输出都是输入的线性组合。激活函数的意义在于它能够引入非线性特性&am…

小程序wx.getlocation接口如何开通?

小程序地理位置接口有什么功能? 随着小程序生态的发展,越来越多的小程序开发者会通过官方提供的自带接口来给用户提供便捷的服务。但是当涉及到地理位置接口时,却经常遇到申请驳回的问题,反复修改也无法通过,给的理由…

计算机网络chapter1——家庭作业

文章目录 复习题1.1节(1) “主机”和“端系统”之间有何不同?列举几种不同类型的端系统。web服务器是一种端系统吗?(2)协议一词常用来用来描述外交关系,维基百科是如何描述外交关系的&#xff1…

十大排序算法之->插入排序

一、插入排序 插入排序的基本思想是将一个记录插入到已经排好序的有序表中,从而形成一个新的、记录数增1的有序表。 排序过程: 1、外层循环:从第二个元素开始,依次选取未排序的元素。 2、内层循环:将当前选取的元素…

【UnityRPG游戏制作】Unity_RPG项目_玩家逻辑相关

👨‍💻个人主页:元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏:就业…

Typescript精进:前端必备的5大技巧(AI写作)

首先,这篇文章是基于笔尖AI写作进行文章创作的,喜欢的宝子,也可以去体验下,解放双手,上班直接摸鱼~ 按照惯例,先介绍下这款笔尖AI写作,宝子也可以直接下滑跳过看正文~ 笔尖Ai写作:…

通过自然语言处理执行特定任务的AI Agents;大模型控制NPC执行一系列的动作;个人化的电子邮件助手Panza

✨ 1: OpenAgents 通过自然语言处理执行特定任务的AI代理 OpenAgents是一个开放平台,旨在使语言代理(即通过自然语言处理执行特定任务的AI代理)的使用和托管变得更加便捷和实用。它特别适合于日常生活中对数据分析、工具插件获取和网络浏览…

【Mac】Mac安装软件常见问题解决办法

前言 刚开始用Mac系统的小伙伴或者在更新系统版本后运行App的朋友会经常碰到弹窗提示「xxx已损坏,无法打开,您应该将它移到废纸篓」、「打不开xxx,因为Apple无法检查其是否包含恶意软件」、「打不开xxx,因为它来自身份不明的开发…

Pandas入门篇(三)-------数据可视化篇3(seaborn篇)(pandas完结撒花!!!)

目录 概述一、语法二、常用单变量绘图1. 直方图(histplot)2. 核密度预估图(kdeplot)3. 计数柱状图(countplot) 三、常用多变量绘图1.散点图(1) scatterplot(2)regplot 散点图拟合回归线(3)jointplot 散点图…

【Spring 】Spring MVC 入门Ⅱ

Spring MVC 入门Ⅱ 一、接收Cookie / Session 这两者都是用来保存用户信息的,但不同的是: Cookie存在客户端 Session存在服务器 Session产生时会生成一个唯一性的SessionID,这个SessionID可以用于匹配Session和Cookie SessionID可以在Cooki…