最简单的typora+gitee+picgo配置图床

typora+gitee+picgo图床

你是否因为管理图片而感到头大?是时候了解一下 Typora、Gitee 和 PicGo 这个超级三剑客了,它们可以帮你轻松打造自己的图床,让你的博客图片管理变得简单又有趣。让我们开始这场神奇的图床之旅吧!

Typora

Typora 是什么鬼?

Typora 是一个所见即所得的 Markdown 编辑器,简直是写博客的神器。你可以在写作的同时看到最终效果,再也不用频繁切换预览和编辑模式,简直是懒人福音。

Typora 有啥好?

  1. 所见即所得:边写边看,省时省力。
  2. 支持多种格式:导出 PDF、Word、HTML,随你挑。
  3. 扩展功能多:自定义主题和插件,你的编辑器你做主。
  4. 跨平台支持:Windows、Mac、Linux 全搞定,随时随地写博客。

Gitee

Gitee 是啥?

Gitee 是一个国内的代码托管平台,像 GitHub 但更快更稳。用它来托管你的博客图片再合适不过了,上传快,加载快,妥妥的。

为什么选择 Gitee 当图床?

  1. 速度快:国内访问贼快,上传和加载都飞快。
  2. 免费:不用花一分钱就能享受高级服务。
  3. 管理方便:通过仓库管理图片,清晰明了。
  4. 兼容 Typora 和 PicGo:完美配合,天作之合。

PicGo

PicGo 是什么?

PicGo 是一个开源的图片上传工具,支持多种图床。无论你是用 GUI 还是命令行,它都能轻松搞定图片上传这件小事。

PicGo 有啥牛逼的?

  1. 多图床支持:随心选择你喜欢的图床。
  2. 简单易用:界面清爽,操作简便。
  3. 插件系统:功能扩展无限可能。
  4. 与 Typora 无缝集成:写作过程中图片自动上传,一气呵成。

为什么要搞图床?

你可能会问,搞个图床有啥好?直白点说:

  1. 减小文件体积:图片单独存储,Markdown 文件更小,版本控制更方便。
  2. 提高加载速度:专业的图床服务,提升用户体验。
  3. 管理更方便:图片集中管理,一目了然。
  4. 版本控制友好:避免频繁提交图片修改,版本控制更清晰。

举个例子:大家在将博客上传到csdn时,如果直接全文复制粘贴进去,会发现博客中的图片全部失效了,这是因为typora默认将图片存放在本地,需要频繁的点击图片上传才能将图片传到csdn中,图床就正是为了解决这个问题。

如何用 Typora + Gitee + PicGo 打造你的图床

首先前置工作

安装 Typora:从 Typora 官网 下载适合你的版,正版目前是需要钱的,网上是有一些破解版的,如果实在找不到可以与我私聊。

注册 Gitee 账号:访问 Gitee 官网,注册并登录。

完成后,image-20240722092307904

新建一个仓库

image-20240722092431938

之后点击设置找到左侧私人令牌,权限不用管,直接点击提交

image-20240722092611668

先将生成的令牌粘贴到自己的备忘录,因为关闭后将看不到该令牌的具体内容,忘记的话只能重置。

进行typora配置

点击左侧文件–偏好设置—图像

image-20240722093123884

按照图片进行点击,下载完后,需要进入指定目录下载插件,目录位置:点击验证图片上传选项:

会弹出picgo的位置:image-20240722103550062

进入该目录下,点击目录输入cmd,回车,输入命令

image-20240722103632317

若typora下载位置为默认位置,以windows为例:

  • Windows系统路径:C:\Users\用户名\AppData\Roaming\Typora\picgo\win64\picgo.exe
  • 输入命令:.\picgo.exe install gitee-uploader

完成后再次进入typora,点击打开配置文件,对文件内容进行修改,具体内容如下:

image-20240722095635376

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "gitee": {
      "branch": "master",
      "customPath": "yearMonth",
      "customUrl": "",
      "path": "img/",
      "repo": "你的仓库地址:具体为你的网址后边的那一部分,例如仓库主页为:https://gitee.com/xxx/yyy,你需要输入xxx/yyy",
      "token": "你的私有令牌"
    },
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-smms-user": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2024-07-22 09:31:26"
  }
}

说明:

  • current为当前的图床,uploader表示上传用的图床,这里两个都设置为gitee
  • master表示主分支,一般用做图床的仓库是个单独的仓库,因此保持master
  • path为仓库下的文件夹,repo为仓库名。例如,如果有一个仓库名为pic,图片存在这个仓库下的file文件夹,你的用户iduser,则pathfilerepouser/pic
  • token为私人令牌,需要在gitee网站申请。申请的token只出现一次(注意保存好),点击复制按钮,粘贴到配置文件中即可。

修改完毕后,保存退出,之后可以进行测试,点击验证图片上传会显示success,这里我是已经验证过了,会显示该图片已经上传。或者返回到博客,随便将一张图片粘贴到markdown中,图片链接会自动更改为gitee开头的网址,表示成功了。

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

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

相关文章

Elasticsearch概念及ELK安装

1、Elasticsearch是什么 它是elastic技术栈中的一部分。完整的技术栈包括: Elasticsearch:用于数据存储、计算和搜索 Logstash/Beats:用于数据收集 Kibana:用于数据可视化 整套技术栈被称为ELK,经常用来做日志收集…

大语言模型-GPT-Generative Pre-Training

一、背景信息: GPT是2018 年 6 月由OpenAI 提出的预训练语言模型。 GPT可以应用于复杂的NLP任务中,例如文章生成,代码生成,机器翻译,问答对话等。 GPT也采用两阶段的训练过程,第一阶段是无监督的方式来预训…

HarmonyOS 请求相应HTTPS概览

1.HTTP概述 请求和响应 2.HTTP请求开发步骤 2.1.module.json5中添加 ohos.permission.INTERNET 2.2.导入http模块 2.3.创建htppt请求 2.4.发起请求 2.5.处理响应 2.6.销毁http对象 3.几个基本概念: 3.1.Webview:提供We…

git 版本回退-idea

1、选中项目,右键,打开 git历史提交记录 2、选中想要回退的版本,选择 hard(不保留版本记录) 3、最终选择强制提交(必须强制) OK,搞定

被问到MQ消息已丢失,该如何处理?

在分布式系统中,消息中间件(如 RabbitMQ、RocketMQ、Kafka、Pulsar 等)扮演着关键角色,用于解耦生产者和消费者,并确保数据传输的可靠性和顺序性。尽管我们通常会采取多种措施来防止消息丢失,如消息持久化、…

【Docker】CentOS7环境下的安装

环境展示 安装 配置仓库 sudo yum install -y yum-utils # docker官方key文件下载 sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo # 建议使用阿里云key文件下载 sudo yum-config-manager --add-repo https://mirrors.aliyun.…

Jacoco 单元测试配置

前言 编写单元测试是开发健壮程序的有效途径,单元测试写的好不好可以从多个指标考量,其中一个就是单元测试的覆盖率。单元测试覆盖率可以看到我们的单元测试覆盖了多少代码行、类、分支等。查看单元测试覆盖率可以使用一些工具帮助我们计算,…

ElMessage自动引入,样式缺失和ts esline 报错问题解决

一. 环境 "unplugin-auto-import": "^0.17.6", "vue": "^3.3.8", "vite": "^5.0.0", "typescript": "^5.2.2",二. ElMessage样式缺失问题. 以下有两种解决方法 方法一: 配置了自动引用后…

Chrome谷歌浏览器Console(控制台)显示文件名及行数

有没有这样的困扰?Chrome谷歌浏览器console(控制台)不显示编译文件名及行数? 设置(Settings)- > 忽略列表(lgnore List)-> 自定义排除规则(Custom exclusion rules) 将自定义排除规则…

3.1、数据结构-线性表

数据结构 数据结构线性结构线性表顺序存储和链式存储区别单链表的插入和删除练习题 栈和队列练习题 串(了解) 数据结构 数据结构该章节非常重要,上午每年都会考10-12分选择题下午一个大题 什么叫数据结构?我们首先来理解一下什…

算法与算法分析

目录 一.前言 二.算法的特性和要求 三.分析算法--时间效率 四. 分析算法--空间效率 一.前言 算法就是对特定问题求解方法和步骤的一种描述,它是指令的有限序列。其中,每个指令表示一个或多个操作。总而言之,我们数据结构就是通过算法实现操…

记录|C# winform布局学习

目录 前言一、自适应布局Step1. 添加AutoAdaptWindowsSize类Step2. Form中引用Step3. 创建SizeChanged事件函数Step4. 在Fram.Disiger中添加 更新时间 前言 参考视频: C#5分钟winform快速自适应布局 参考文章: 其他参考: 写这篇文章&#xff…

Elasticsearch:Java ECS 日志记录 - log4j2

ECS 记录器是你最喜欢的日志库的格式化程序/编码器插件。它们可让你轻松将日志格式化为与 ECS 兼容的 JSON。ECS 兼容的 JSON 日志记录可以帮我们简化很多分析,可视化及解析的工作。在今天的文章里,我来详述如何在 Java 应用里生成 ECS 相兼容的日志。 …

为什么样本方差(sample variance)的分母是 n-1?

样本均值与样本方差的定义 首先来看一下均值,方差,样本均值与样本方差的定义 总体均值的定义: μ 1 n ∑ i 1 n X i \mu\frac{1}{n}\sum_{i1}^{n} X_i μn1​i1∑n​Xi​ 也就是将总体中所有的样本值加总除以个数,也可以叫做总…

【PHP】系统的登录和注册

一、为什么要学习系统的登录和注册 系统的登录和注册可能存在多种漏洞,这些漏洞可能被恶意攻击者利用,从而对用户的安全和隐私构成威胁。通过学习系统的登录和注册理解整个登录和注册的逻辑方便后续更好站在开发的角度思考问题发现漏洞。以下是一些常见…

学习小型gpt源码(自用)

数据集构建_哔哩哔哩_bilibili (b站上有一系列课,从数据处理到模型构建和训练使用) 什么是batch? 为什么一个batch内的句子要一样长? 不同batch的长度可以不一样,但是同一个batch内长度一样!…

DBeaver Ultimate 22.1.0 连接数据库(MySQL+Mongo+Clickhouse)

前言 继续书接上文 Docker Compose V2 安装常用数据库MySQLMongo,部署安装好之后我本来是找了一个web端的在线连接数据库的工具,但是使用过程中并不丝滑,最终还是选择了使用 DBeaver ,然后发现 mongo 还需要许可,又折…

pdf格式过大怎么样变小 pdf文件过大如何缩小上传 超实用的简单方法

面对体积庞大的 PDF 文件,我们常常需要寻找有效的方法来缩减其大小。这不仅能够优化存储空间,还能提升文件的传输和打开速度。PDF文件以其稳定性和跨平台兼容性成为工作和学习中的重要文件格式。然而,当我们需要通过邮件发送或上传大文件时&a…

vue3 动态el-table表格 动态数据 新增修改删除的简单判断

<template><div class"app-container"><el-form:model"queryParams"ref"queryRef":inline"true"v-show"showSearch"label-width"68px"><el-form-item label"年份选择" prop"…

DevExpress中文教程 - 如何在.NET MAUI应用中实现Material Design 3?

DevExpress .NET MAUI多平台应用UI组件库提供了用于Android和iOS移动开发的高性能UI组件&#xff0c;该组件库包括数据网格、图表、调度程序、数据编辑器、CollectionView和选项卡组件等。 获取DevExpress v24.1正式版下载 Material Design是一个由Google开发的跨平台指南系统…