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

news2024/10/2 20:37:07

文章目录

  • 一、前景提要
  • 二、相关链接
  • 三、搭建步骤
    • 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插入图片试试吧。


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

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

相关文章

C语言深度剖析:关键字

C语言深度剖析:关键字C语言深度剖析:关键字前言定义与声明(补充内容)最宏大的关键字-auto最快的关键字-register关键字static被冤枉的关键字-sizeof整型在内存中的存储原码、反码、补码大小端补充理解变量内容的存储和取出为什么都是补码整型取值范围关于…

多线程的初识和创建

✨个人主页:bit me👇 ✨当前专栏:Java EE初阶👇 ✨每日一语:知不足而奋进,望远山而前行。 目 录💤一. 认识线程(Thread)🍎1. 线程的引入🍏2. 线程…

【计算机网络:自顶向下方法】Chapter4 网络层:数据平面

Chapter44.1 网络层概述4.1.1 网络层服务4.1.2 网络层的主要功能转发(局部)路由选择(全局)4.1.3 控制平面和数据平面传统方式SDN方式4.1.4 网络服务模型4.2 路由器组成4.2.1 路由器结构概况4.2.2 转发方式4.2.3 输入端口处理与基于…

什么是api应用程序接口?

API:应用程序接口(API:Application Program Interface) 应用程序接口是一组定义、程序及协议的集合,通过 API 接口实现计算机软件之间的相互通信。API 的一个主要功能是提供通用功能集。程序员通过调用 API 函数对应用程序进行开发,可以减轻编程任务。…

【华为OD机试模拟题】用 C++ 实现 - TLV 编码(2023.Q1)

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

大数据技术之Hadoop

第1章 Hadoop概述1.1 Hadoop是什么1.2 Hadoop发展历史(了解)1.3 Hadoop三大发行版本(了解)Hadoop三大发行版本:Apache、Cloudera、Hortonworks。Apache版本最原始(最基础)的版本,对于…

模型类的编写有没有什么靠谱的优化方法?

模型类的编写需要私有属性,setter...getter...方法、toString方法 和构造函数。虽然这些内容不难,同时也都是通过IDEA工具生成的,但是过程还是必须得走一遍,那么对于模型类的编写有没有什么优化方法?可以通过Lombok来实现优化。L…

C语言--指针进阶2

目录前言函数指针函数指针数组指向函数指针数组的指针回调函数前言 本篇文章我们将继续学习指针进阶的有关内容 函数指针 我们依然用类比的方法1来理解函数指针这一全新的概念,如图1 我们用一段代码来验证一下: int Add(int x, int y) {return xy;…

idea报错idea start filed

今天遇到idea启动失败的问题 问题分析: address already in use:bind idea需要的端口被占用 解决 重启就行,重启会重新分配端口。 官方解决 查看给的网站地址,这里官方给出的原因(访问好慢,搭梯子我才…

图节点嵌入相关算法学习笔记

引言 本篇笔记为coggle 2月打卡任务,正好也在学习cs224w,干脆就一起做了,以下是任务列表: 任务名称难度任务1:图属性与图构造低、1任务2:图查询与遍历低、2任务3:节点中心性与应用中、2任务4&…

Spark计算框架入门笔记

Spark是一个用于大规模数据处理的统一计算引擎 注意:Spark不仅仅可以做类似于MapReduce的离线数据计算,还可以做实时数据计算,并且它还可以实现类似于Hive的SQL计算,等等,所以说它是一个统一的计算引擎 既然说到了Spar…

js 拖动--动态改变div的宽高大小

index.html 如下&#xff1a;&#xff08;可以新建一个index.html文件直接复制&#xff0c;打开运行&#xff09; <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta http-equiv"X-UA-Compatible&qu…

Python tkinter -- 第18章 画布控件之窗口

18.2.22 create_window(position, **options) 可以在画布控件中放置其他tkinter控件。放置的方法就是使用窗口组件。一个窗口组件只能容纳一个控件。如果要放置多个控件&#xff0c;可以把这些控件作为Frame控件的子控件&#xff0c;将Frame控件放入窗口组件中&#xff0c;就可…

超简单 华为OD机试用Python实现 -【踢石头子,踢石子问题】(2023-Q1 新题)

华为OD机试题 华为OD机试300题大纲踢石头子,踢石子问题题目输入输出示例一输入输出Python 代码如下所示算法思路华为OD机试300题大纲 参加华为od机试,一定要注意不要完全背诵代码,需要理解之后模仿写出,通过率才会高。 华为 OD 清单查看地址:blog.csdn.net/hihell/categ…

ChatGPT似乎有的时候并不能搞懂Java的动态分派,你懂了吗?

目录 碎碎念 ChatGPT 中出现的问题 那么正确答案应该是什么呢&#xff1f; 分派的相关知识点总结&#xff1a; 分派是什么&#xff1f; 静态分派与动态分派&#xff1a; Java语言是静态多分派&#xff0c;动态单分派的&#xff1b; 静态分派&#xff1a;静态重载多分派…

追梦之旅【数据结构篇】——详解C语言实现二叉树

详解C语言实现二叉树~&#x1f60e;前言&#x1f64c;什么是二叉树&#xff1f;二叉树的性质总结&#xff1a;整体实现内容分析&#x1f49e;1.头文件的编写&#xff1a;&#x1f64c;2.功能文件的编写&#xff1a;&#x1f64c;1&#xff09;前序遍历的数值来创建树——递归函…

IGKBoard(imx6ull)-Input设备编程之按键控制

文章目录1- input子系统介绍2- input事件目录&#xff08;1&#xff09;struct input_event 结构体&#xff08;2&#xff09;type&#xff08;事件类型&#xff09;&#xff1a;&#xff08;3&#xff09;code&#xff08;事件编码&#xff09;&#xff08;4&#xff09;value…

【华为OD机试模拟题】用 C++ 实现 - 九宫格按键输入(2023.Q1)

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

webp格式转换成png怎么转

相对于png 图片&#xff0c;webp比png小了45%&#xff0c;但是缺点是你压缩的时候需要的时间更久了&#xff1b;优点是体积小巧&#xff1b;缺点是兼容性不太好, 只有opera,和chrome支持&#xff0c;不仅如此在后期的编辑修改上也很多软件无法打开。所以我们通常要将webp格式转…

9.1 IGMPv1实验

9.4.1 IGMPv1 实验目的 熟悉IGMPv1的应用场景掌握IGMPv1的配置方法实验拓扑 实验拓扑如图9-7所示&#xff1a; 图9-7&#xff1a;IGMPv1 实验步骤 &#xff08;1&#xff09;配置IP地址 MCS1的配置 MCS1的IP地址配置如图9-8所示&#xff1a; 图9-8&#xff1a;MCS1的配置 …