Typora+PicGo实现自动上传图片至图床

news2024/10/11 22:35:38

文章目录

    • 前言
    • 图床选择
      • 图床
        • 去不图床
    • 配置PicGo
    • 安装Typora
    • 对象存储
      • 七牛云
      • 又拍云

前言

使用过Typora的小伙伴应该已经发现,若是想分享给别人看不但需要发送md文件,还需要把对应的图片一起发给对方,否则图片无法显示。

但是每次都要打个压缩包发过去未免太繁琐,这样就需要使用图床了,图床就是将图片集中存储到云中,然后使用外链来访问,这样在Typora中只需要[图片名](图片外链)的格式就可以将云中的图片显示出来了

欢迎来我的博客查看此文——火柴人儿的小站,本博客基于雨云-新一代云服务提供商搭建,雨云服务器性能高体验好,界面清新,并且支持购前试用,很方便。

图床选择

图床一般有两种,一种是使用对象存储作为图床,对象存储其实不止能存图片,各种文件都能存,泛用性很广,这种的存储费用很低,但是访问费用比较高;另一种就是只能存储图片的图床,有免费有付费的,一般只收取存储空间的费用。

图床

直接搜索的话可以搜到很多免费图床,但是免费意味着容易跑路,所以建议还是选择付费的,而且大部分免费的没有API接口文档,无法使用PicGo上传图片。

去不图床

[去不图床 - 杜老师说旗下图片外链平台 (7bu.top)](https://7bu.top/#:~:text=去不图床底层 16H)

  1. 进入链接,注册账号

  2. 购买订阅,9元/年的就够用了,1G容量可以放很多很多图片了

  3. 创建Tokens,保留上传图片权限即可

    image-20240930130734816

  4. 保存生成的Token,只显示一次,之后就不会显示了

    image-20240930130850397

    token格式为1234|abcd…efg,我们只需要|后面的内容

  5. 创建相册

    image-20240930131031913

  6. F12打开浏览器的开发者工具,点击选取元素

    image-20240930131133301

  7. 选取刚才创建的相册,然后就能看到相册id了,记住这个id,配置PicGo时会用到

    image-20240930131310862

配置PicGo

进入官网找到下载链接下载即可:PicGo is Here | PicGo

  1. 打开PicGo➡️插件设置➡️搜索web-uploader,安装此插件

    image-20240930132000487

  2. 安装之后图床设置会多出一个自定义Web图床

    image-20240930132159000

  3. 点击右侧的加号新增配置,内容如下

    image-20240930132300078

    这里需要注意的是自定义请求头中,Bearer后要空有个空格,空格后是token的内容,例如:Bearer abcd…efg;自定义Body中的album_id即为相册id

  4. 点击确定保存配置

  5. PicGo设置

    image-20241011153254910

  6. 切换至上传区,点击下箭头切换为自定义Web图床

    image-20240930132726390

  7. 拖动文件上传或选择文件上传,等待进度条读完即可

    image-20240930132851242

    桌面右下角也会通知

    image-20240930132934584

  8. 这样PicGo就已经配置完成了,但一个一个上传再一个一个把外链粘贴到Typora也太复杂了,所以需要设置一下Typora,方便批量上传

安装Typora

这个就不必多说了,建议支持正版,毕竟价格不是很高。若是囊中羞涩就安装0.18版本,那是最后一个免费版本。这里放个链接,需要的话自取:Typora

  1. 打开Typora➡️文件➡️偏好设置➡️图像

    66fa53907eade

    照此配置即可,但我建议插入图片时选择"复制图片到.assets文件夹",因为编辑Typora时会不断修改,图片会变,但每次插入图片就自动上传,这样图床里就会有很多无用文件,占用容量。

    选择"复制图片到.assets文件夹",等全部编辑完成之后,点击格式➡️图像➡️上传所有本地图片,就可以一次性上传所有文档内的图片了

对象存储

刚才说了,另一种方式是使用对象存储作为图床,不过这个比较繁琐一点,阿里云、腾讯云、百度云之类的都有对象存储,但都是需要支付流量费的,建议直接用七牛云或者又拍云,七牛云每月有免费额度,又拍云可以参与又拍云联盟,足够用了。但是这俩需要有已备案的域名,域名备案又需要云服务器,所以只推荐有稳定服务器且已备案的用户。

七牛云

  1. 进入对象存储➡️空间管理➡️新建空间

    选择国内区域,访问控制选择公开

    image-20241011120038474

  2. 点击进入空间➡️文件管理➡️创建目录

    image-20241011130745889

  3. 域名管理➡️自定义CDN加速域名➡️绑定域名

    此处域名为已备案域名,配置如下

    image-20241011130910051

  4. DNS添加CNAME记录

    image-20241011132922029

    image-20241011132324854

  5. 新建密钥

    点击密钥管理

    image-20241011133648458

    点击新增密钥会自动生成密钥,这个可以随时查看,不用保存

    image-20241011133753389

  6. 配置PicGo

    z0为华东存储区域,z1为华北存储区域,z2为华南存储区域,na0为北美存储区域

    image-20241011133626641

  7. 切换到上传区,点击下箭头切换至七牛云,然后就可以上传了

    image-20241011135027154

  8. 上传完会自动复制链接,可以直接复制到Typora中。另外七牛云的免费额度只支持http访问,https访问需要money

又拍云

同为对象存储,所以具体操作流程与七牛云无异

  1. 创建服务,操作员只保留写入权限即可,密码只显示一次,记得保存

    image-20241011150141721

    image-20241011150315922

  2. 创建完之后进入配置绑定域名

    image-20241011150428817

  3. 绑定之后同样需要前往DNS解析处添加CNAME记录

    image-20241011150507751

  4. 文件管理新建目录

    image-20241011150645151

  5. 配置PicGo

    image-20241011150841216

  6. 另外若加入了又拍云联盟可以免费使用HTTPS请求,故可以使用HTTPS访问

    又拍云联盟申请方式:又拍云联盟 - 开发者帮助计划,为开发者加速 - 又拍云 (upyun.com),新用户注册链接:https://console.upyun.com/register/?invite=cakGsjCR7,实名注册后奖励61元代金券

    image-20241011151320971

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

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

相关文章

USIM 卡的鉴权原理

USIM 卡的一个重要功能是用来做鉴权。鉴权是移动通信中非常重要的概念,具体的实现需要很复杂的算法。 鉴权:就是鉴定你是否拥有访问网络的权利。用户在开卡后,手机的 USIM 卡里和运营商的核心网中都将存储一个密钥,或者说一个密码…

进程同步问题

在操作系统中引入进程后,一方面系统中多道程序可以并发进行,有效的改善了资源利用率,提高了系统的吞吐量。但另一方面,系统变得更加复杂了,如果不能通过有效措施对多个进程进行有效管理,那么必然会因为这些…

关于mac下的nvm设置淘宝镜像源

1. 进入配置文件修改镜像源 vim ~/.bash_profile增加下面内容 export NVM_NODEJS_ORG_MIRRORhttps://npmmirror.com/mirrors/node/2. 查看远程node镜像 nvm ls-remote3. 下载镜像 nvm install 14.17.64. 使用镜像 nvm use 14.17.6

Windows系统编程 - 目录操作、磁盘、卷信息

前言 各位师傅大家好,我是qmx_07,今天继续讲解Windows系统编程的相关知识:目录操作 目录 目录操作 创建目录 通过CreateDirectory函数创建目录 原型: BOOL CreateDirectoryA([in] LPCSTR lpPathName,//目录名称[in, opt…

ORA-01031 权限不足

目录 1. 问题描述2. 问题解决 1. 问题描述 通过PL/SQL客户端,使用scott账户登录后,创建用户时,提示ORA-01031. 2. 问题解决 通过 cmd sqlplus进入Oracle 通过system(密码manager)登录 要授权的是scott账户 gran…

Flutter包管理(三)

1、作用 在APP的实际开发过程中往往会依赖很多包,而这些包之间存在着交叉依赖、版本依赖,由开发者自己管理手动管理会非常麻烦,每种开发生态或编程官方会提供一些包的管理工具,在Flutter中我们在pubspec.yaml文件中来管理第三方依…

msvcp140.dll丢失的5个解决方法,全面解读msvcp140.dll丢失问题

msvcp140.dll文件的丢失可能会引发一系列潜在问题并对计算机系统产生多方面的影响。首先,这个文件是Microsoft Visual C Redistributable Package的一部分,对于许多基于Windows的应用程序运行至关重要。一旦丢失,可能会导致部分软件无法正常启…

【AI系统】AI系统的组成

AI系统的组成是实现其设计目标的基础。本文将详细介绍AI系统的各个组成部分,以及它们如何协同工作以支持AI应用程序的开发和运行。 I. 引言 AI系统的复杂性要求其组成不仅要关注单一的硬件或软件,而是需要一个多层次、多维度的架构设计。这包括从应用与…

JavaWeb三大组件之Servlet

1. Servlet 一、Servlet介绍 1、概念 Servlet(Server Applet)是Java Servlet的简称,称为小服务程序或服务连接器,用Java编写的服务器端程序,具有独立于平台和协议的特性,主要功能在于交互式地浏览和生成…

链表(3)_重排链表_面试题

个人主页:C忠实粉丝 欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 C忠实粉丝 原创 链表(3)_重排链表_面试题 收录于专栏【经典算法练习】 本专栏旨在分享学习算法的一点学习笔记,欢迎大家在评论区交流讨论💌 目录 1. 题…

Word排版 | 如何文字部分固定行距、图片(嵌入型)单倍行距

问题描述 在写一个要求比较高的项目报告,总共有109页 89张图片,而且必须用word写 因此: 文字部分需要固定行距23磅图片部分需要单倍行距(不然无法使用嵌入式) 难点 文字和图片难以有效分离,无法分别设…

Redis分布式锁-秒杀类锁不住及各种因为锁导致的“血案”现场全侦破代码详解

背景 继上文“详解Redis分布式锁在SpringBoot的Async方法中没锁住的坑”不少读者发觉用了我的方法还是在并发的情况下有锁不住! 于是我和几个没有锁住的读者了解了它们的场景,才知道他们在认知上存在几个误区,同时也发现这一块内容、知识真…

【Docker】06-DockerCompose

1. Docker compose 2. Docker Compose部署项目 docker-compose.yml version: "3.8"services:mysql:image: mysqlcontainer_name: mysqlports:- "3307:3306"environment:TZ: Asia/ShanghaiMYSQL_ROOT_PASSWORD: 123volumes:- "/root/docker/mysql/…

【GESP】C++一级练习BCQM3037,简单计算,国庆七天乐收官

又回到了简单计算的题目,继续巩固练习。 题解详见:https://www.coderli.com/gesp-1-bcqm3037/ 【GESP】C一级练习BCQM3037,简单计算,国庆七天乐收官 | OneCoder又回到了简单计算的题目,继续巩固练习。https://www.cod…

Windows 部署 ollama

1.安装 官方地址:https://ollama.com/ 1.1 下载ollama 1.2 安装 1.3 运行 Ollama 1.4 测试ollama运行状态 http://localhost:11434 curl http://localhost:11434/api/generate -d "{ \"model\": \"qwen2:0.5b\", \"prompt\":…

深入理解 Java HashMap 的 get() 方法及其相关实现

在 Java 中,HashMap 是一个非常常用的数据结构,用于存储键值对。它提供了快速的查找、插入和删除操作。HashMap 的核心功能之一是根据键获取对应的值,这主要通过 get() 方法来实现。本文将详细介绍 HashMap 的 get() 方法及其相关的辅助方法&…

初中数学网上考试系统的设计与实现(论文+源码)_kaic

初中数学网上考试系统的设计与实现 学生: 指导教师: 摘 要:科技在人类的历史长流中愈洗愈精,不仅包括人们日常的生活起居,甚至还包括了考试的变化。之前的考试需要大量的时间和精力,组织者还需要挑选并考查…

【大模型部署】本地运行自己的大模型--ollama

ollama简介 ollama是一款开源的、轻量级的框架,它可以快速在本地构建及运行大模型,尤其是一些目前最新开源的模型,如 Llama 3, Mistral, Gemma等。 官网上有大量已经开源的模型,部分针对性微调过的模型也可以选择到,…

Shell脚本linux登录自动检查

.bashrc 用于设置用户的 Bash shell 环境&#xff0c;在每次打开一个新的终端窗口或启动一个新的 Bash 会话时被执行 代码 login_check.sh #!/bin/bash clear LogFileNamepolling.$(date %F-%T) EchoFormat$(for (( i0; i<30; i )); do echo -n ""; done)# 显示…

死磕P7:JVM性能调优必知必会(二)

这是「死磕P7」系列第 008 篇文章&#xff0c;欢迎大家来跟我一起 死磕 100 天&#xff0c;争取在 2025 年来临之际&#xff0c;给自己一个交代。 接上篇&#xff0c;性能优化工具&#xff0c;尤其是图形化工具&#xff0c;绝对有 VisualVM 的一席之地&#xff0c;因为它几乎囊…