当前位置: 首页 > news >正文

Typora图床配置:Typora + PicGo + 阿里云OSS

文章目录

  • 一、前景提要
  • 二、相关链接
  • 三、搭建步骤
    • 1. 购买阿里云对象存储OSS
    • 2. 对象存储OSS:创建Bucket
    • 3. 阿里云:添加OSS访问用户及权限
    • 4. 安装Typora
    • 5. 配置PicGo
      • 方法一:使用PicGo-Core (Command line)
      • 方法二:使用PicGo(app)
    • 6. 最后设置Typora上传图片

一、前景提要

痛点场景:
  作为博客爱好者,MarkDown的出现非常方便网络文章的写作。Typora作为一款优秀的MarkDown编辑器,交互界面简单、美观、实用,自己常用来写博客技术文章。
  但是,MarkDown文件有个最大的缺点,插入图片时,不能保存在MarkDown文件中;不如Word、PDF文件方便。

解决办法:
  使用Typora + PicGo + 阿里云OSS组合配置,实现私有云图床功能。

二、相关链接

MarkDown编辑器:
  Typora-英文官网、Typora-中文官网
图片上传工具:
  PicGo-GitHub主页、PicGo-GitHub仓库
云图床:
  阿里云OSS、腾讯云COS、七牛Kodo等;

三、搭建步骤

1. 购买阿里云对象存储OSS

访问阿里云官网https://aliyun.com/,找到对象存储OSS
在这里插入图片描述
选择对象存储OSS的配置,价格比较便宜,推荐多买几年;
在这里插入图片描述


2. 对象存储OSS:创建Bucket

购买对象存储OSS完成后,进入阿里云控制台 > 对象存储OSS > Bucket列表 > 点击创建Bucket
在这里插入图片描述
自定义Bucket名称,就近选择地域;注意记下这里的Bucket名称Bucket地域,后边配置PicGo会用到;例如:地域选择杭州时,需要记下oss-cn-hangzhou
在这里插入图片描述
读写权限设置为:公共读
在这里插入图片描述
其他选项,根据自身情况进行配置,一般默认配置可满足大多数场景;

配置完成后,点击确定

注意事项:

对象存储OSS资源包的计费方式分为两种:按量付费包年包月

参考资料:阿里云:对象存储OSS资源包定价详情

在这里插入图片描述


3. 阿里云:添加OSS访问用户及权限

鼠标悬停在头像上,点击访问控制,进入RAM访问控制

然后,点击身份管理 > 用户 > 创建用户
在这里插入图片描述
自定义登陆名称显示名称,勾选OpenAPI调用访问,然后点击确定
在这里插入图片描述
此时,提示保存保存 AccessKey 信息,需要保存AccessKey IDAccessKey Secret,后边配置PicGo会用到;
在这里插入图片描述
然后,勾选用户,点击添加权限
在这里插入图片描述
选择管理对象存储服务(OSS)权限,点击确定,然后点击完成
在这里插入图片描述

至此,阿里云对象存储OSS创建及配置完成;


4. 安装Typora

打开Typora-中文官网,Windows安装包下载后双击打开exe文件;

在这里插入图片描述
依次点击Next安装Typora,最后点击Finish完成安装;
在这里插入图片描述

5. 配置PicGo

参考资料:
  配置手册 | PicGo
  阿里云存储区域代码

方法一:使用PicGo-Core (Command line)

打开Typora > 文件 > 偏好设置 > 图像,选择PicGo-Core (Command line);点击下载或更新,自动下载PicGo-Core;

注:下载网速较慢;

在这里插入图片描述

然后,加载许可协议后,点击同意并下载

在这里插入图片描述

PicGo-Core下载中,网速较慢;

在这里插入图片描述

下载完成后,点击打开配置文件

在这里插入图片描述

/* 阿里云PicGo json配置模板 */
{"picBed": {"uploader": "aliyun","aliyun": {"accessKeyId": "",		// 必选:阿里云 > RAM访问控制 > 用户 > accessKeyId;"accessKeySecret": "",	// 必选:阿里云 > RAM访问控制 > 用户 > accessKeySecret;"bucket": "", 			// 必选:阿里云 > 对象存储OSS > Bucket名称;"area": "", 			// 必选:阿里云 > 对象存储OSS > Bucket地域;例如:oss-cn-hangzhou"path": "", 			// 必选:自定义存储路径;例如:image/"customUrl": "", 		// 可选:自定义域名,注意要加 http://或者 https://"options": "" 			// 可选:针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+}},"picgoPlugins": {}		// 可选:
}

方法二:使用PicGo(app)

GitHub下载链接:PicGo-Setup-2.3.1-x64.exe

PicGo下载安装后,打开图床设置 > 阿里云OSS,根据自己的阿里云OSS进行配置后,点击设为默认图床
在这里插入图片描述

然后,上传图片验证是否配置成功;

在这里插入图片描述

如果上传图片成功,可以在阿里云 > 对象存储OSS > Bucket列表 > 文件列表中看到对应文件夹和图片文件;

在这里插入图片描述

在Typora的图像上传设置中选择PicGo(app),设置PicGo的安装路径;

在这里插入图片描述

6. 最后设置Typora上传图片

在这里插入图片描述


本文完,使用Typora插入图片试试吧。


相关文章:

Typora图床配置:Typora + PicGo + 阿里云OSS

文章目录一、前景提要二、相关链接三、搭建步骤1. 购买阿里云对象存储OSS2. 对象存储OSS:创建Bucket3. 阿里云:添加OSS访问用户及权限4. 安装Typora5. 配置PicGo方法一:使用PicGo-Core (Command line)方法二:使用PicGo(app)6. 最后…...

二进制搭建以太坊2.0节点-2023最新详细版文档

文章目录 一、配置 JWT 认证二、部署执行节点geth2.1 下载geth二进制文件2.2 geth节点启动三、部署共识节点Prysm3.1 下载Prysm脚本3.2 Prysm容器生成四、检查节点是否同步完成4.1 检查geth执行节点4.2 检查prysm共识节点4.3 geth常用命令五、节点同步详细说明5.1 启动时日志5.…...

如何简化跨网络安全域的文件发送流程,大幅降低IT人员工作量?

为什么要做安全域的隔离? 随着企业数字化转型的逐步深入,企业投入了大量资源进行信息系统建设,信息化程度日益提升。在这一过程中,企业也越来越重视核心数据资产的保护,数据资产的安全防护成为企业面临的重大挑战。 …...

带你深入了解c语言指针后续

前言 🎈个人主页:🎈 :✨✨✨初阶牛✨✨✨ 🐻推荐专栏: 🍔🍟🌯 c语言进阶 🔑个人信条: 🌵知行合一 🍉本篇简介:>:介绍c语言中有关指针更深层的知识. 金句分享: ✨在该…...

借助Intune无感知开启Bitlocker

希望使用 Intune 部署 BitLocker,但不知道从哪里开始?这是人们最开始使用 Intune 时最常见的问题之一。在本博客中,你将了解有关使用 Intune 管理 BitLocker 的所有信息,包括建议的设置、BitLocker CSP 在客户端上的工作方式&…...

零基础该如何转行Python工程师?学习路线是什么?

最近1年的主要学习时间,都投资到了 python 数据分析和数据挖掘上面来了,虽然经验并不是十分丰富,但希望也能把自己的经验分享下,最近也好多朋友给我留言,和我聊天,问我python该如何学习,才能少走…...

Go项目(商品微服务-1)

文章目录简介建表protohandler商品小结简介 商品微服务主要在于表的设计,建哪些表?表之间的关系是怎样的? 主要代码就是 CURD表和字段的设计是一个比较有挑战性的工作,比较难说清楚,也需要经验的积累,这里…...

机器学习——集成学习

引言 集成学习:让机器学习效果更好,单个不行,群殴走起。 分类 1. Bagging:训练多个分类器取平均(m代表树的个数)。 2.Boosting(提升算法):从弱学习器开始加,通过加权来进行训练。…...

VS编译系统 实用调试技巧

目录什么是bug?调试是什么?有多重要?debug和release的介绍windows环境调试介绍、一些调试实例如何写出(易于调试)的代码编程常见的错误什么是bug?其实bug在英文翻译中有表示臭虫的含义,因为第一次被发现的导致计算机…...

【华为OD机试模拟题】用 C++ 实现 - GPU 调度(2023.Q1)

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 去重求和(2023.Q1) 文章目录 最近更新的博客使用说明GPU 调度题目输入输出示例一输入输出说明示例二输入输出说明Code使用说明 参加华为od机试,一定要注意不要完全背诵代码,需要理解之后模仿写出,通过率才会高。...

腾讯前端必会react面试题合集

React-Router的路由有几种模式? React-Router 支持使用 hash(对应 HashRouter)和 browser(对应 BrowserRouter) 两种路由规则, react-router-dom 提供了 BrowserRouter 和 HashRouter 两个组件来实现应用的…...

Linux搭建SVN服务器,并内网穿透实现公网远程访问

文章目录1. Ubuntu安装SVN服务2. 修改配置文件2.1 修改svnserve.conf文件2.2 修改passwd文件2.3 修改authz文件3. 启动svn服务4. 内网穿透4.1 安装cpolar内网穿透4.2 创建隧道映射本地端口5. 测试公网访问6. 配置固定公网TCP端口地址6.1 保留一个固定的公网TCP端口地址6.2 配置…...

C++STL之list的模拟实现

目录 一.list准备 二. iterator迭代器 1._list_iterator 2.begin()、end() 3.const_begin()、const_end() 4.!&& 5. && -- 6.operator* 7.operator-> 三.Modify(修改) 1.insert() 2.erase() 3.push_back() && push_front() 4.pop_bac…...

为什么硬件性能监控很重要

当今的混合网络环境平衡了分布式网络和现代技术的实施。但它们并不缺少一个核心组件:服务器。保持网络正常运行时间归结为监控和管理导致网络停机的因素。极有可能导致性能异常的此类因素之一是硬件。使用硬件监控器监控网络硬件已成为一项关键需求。 硬件监视器是…...

HTTP缓存

HTTP缓存HTTP缓存引发的一个问题HTTP缓存的作用HTTP缓存的分类强制缓存协商缓存(解决强缓存下资源不更新问题)缓存策略HTTP缓存引发的一个问题 有一次在开发移动端H5项目,UI提了几个UI问题,经过样式调试,android上没有…...

SPI设备树处理过程

SPI设备树处理过程 文章目录SPI设备树处理过程参考资料:一、 spi_device结构体二、 SPI设备树格式2.1 SPI Master2.2 SPI Device2.3 设备树示例三、设备树实例3.1 使用GPIO模拟的SPI控制器3.2 IMX6ULL SPI控制器四、 设备树处理过程致谢参考资料: 内核头…...

数据有哪些重要的作用?

我们正处在科技高速发展的时代,如今互联网已经与我们的生活息息相关,我们每天在互联网产生大量的数据,这些数据散落在网络中看似没有怎么作用,但是这些数据经过系统的处理整合起来确实非常有价值的。 一、 发展大数据技术可以提高…...

spring面试题总结

1、spring是什么? spring是一个轻量级IOC和AOP容器框架,是为Java应用程序提供基础性服务的一套框架,目的是用于简化企业应用的开发,开发者只需要关注业务需求即可: core container 容器组件 spring context&#xff0c…...

使用MUI与H5+构建移动端app

前言 通过mui构建APP 效果图: <!DOCTYPE html> <html> <head><meta charset...

第17篇:Java变量总结

目录 1.变量的概念 1.1 变量来源 1.2 计算机中的变量 1.3 变量如何在内存中存储 2.Java变量...

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明 在2011版本的gb28181协议中&#xff0c;拉取视频流只要求udp方式&#xff0c;从2016开始要求新增支持tcp被动和tcp主动两种方式&#xff0c;udp理论上会丢包的&#xff0c;所以实际使用过程可能会出现画面花屏的情况&#xff0c;而tcp肯定不丢包&#xff0c;起码…...

sqlserver 根据指定字符 解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

GitHub 趋势日报 (2025年06月08日)

&#x1f4ca; 由 TrendForge 系统生成 | &#x1f310; https://trendforge.devlive.org/ &#x1f310; 本日报中的项目描述已自动翻译为中文 &#x1f4c8; 今日获星趋势图 今日获星趋势图 884 cognee 566 dify 414 HumanSystemOptimization 414 omni-tools 321 note-gen …...

深入解析C++中的extern关键字:跨文件共享变量与函数的终极指南

&#x1f680; C extern 关键字深度解析&#xff1a;跨文件编程的终极指南 &#x1f4c5; 更新时间&#xff1a;2025年6月5日 &#x1f3f7;️ 标签&#xff1a;C | extern关键字 | 多文件编程 | 链接与声明 | 现代C 文章目录 前言&#x1f525;一、extern 是什么&#xff1f;&…...

浅谈不同二分算法的查找情况

二分算法原理比较简单&#xff0c;但是实际的算法模板却有很多&#xff0c;这一切都源于二分查找问题中的复杂情况和二分算法的边界处理&#xff0c;以下是博主对一些二分算法查找的情况分析。 需要说明的是&#xff0c;以下二分算法都是基于有序序列为升序有序的情况&#xf…...

API网关Kong的鉴权与限流:高并发场景下的核心实践

&#x1f525;「炎码工坊」技术弹药已装填&#xff01; 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 引言 在微服务架构中&#xff0c;API网关承担着流量调度、安全防护和协议转换的核心职责。作为云原生时代的代表性网关&#xff0c;Kong凭借其插件化架构…...

Vue3中的computer和watch

computed的写法 在页面中 <div>{{ calcNumber }}</div>script中 写法1 常用 import { computed, ref } from vue; let price ref(100);const priceAdd () > { //函数方法 price 1price.value ; }//计算属性 let calcNumber computed(() > {return ${p…...

WebRTC调研

WebRTC是什么&#xff0c;为什么&#xff0c;如何使用 WebRTC有什么优势 WebRTC Architecture Amazon KVS WebRTC 其它厂商WebRTC 海康门禁WebRTC 海康门禁其他界面整理 威视通WebRTC 局域网 Google浏览器 Microsoft Edge 公网 RTSP RTMP NVR ONVIF SIP SRT WebRTC协…...

JS红宝书笔记 - 3.3 变量

要定义变量&#xff0c;可以使用var操作符&#xff0c;后跟变量名 ES实现变量初始化&#xff0c;因此可以同时定义变量并设置它的值 使用var操作符定义的变量会成为包含它的函数的局部变量。 在函数内定义变量时省略var操作符&#xff0c;可以创建一个全局变量 如果需要定义…...

Qwen系列之Qwen3解读:最强开源模型的细节拆解

文章目录 1.1分钟快览2.模型架构2.1.Dense模型2.2.MoE模型 3.预训练阶段3.1.数据3.2.训练3.3.评估 4.后训练阶段S1: 长链思维冷启动S2: 推理强化学习S3: 思考模式融合S4: 通用强化学习 5.全家桶中的小模型训练评估评估数据集评估细节评估效果弱智评估和民间Arena 分析展望 如果…...