图床(Typora + uPic/PicGo +七牛云)

news2025/2/25 18:16:22

图床(Typora + uPic/PicGo + 七牛云)

笔者平时使用 Typora 编写 markdown 文档,文档中常常会放置图片,如果文档不需要分享的话,其实讲图片存放在本地就可以了。由于我有在多台机器编写 markdown 笔记,还有将笔记上传到一些博客平台的需求,所以搭建一个简单的图床还是很有必要的。

服务器

Github

其实 GitHub 可以是一个不错的选择,毕竟免费。但对于国内用户来说,翻墙和网速是个比较大的问题。

使用方式比较简单,创建一个仓库,然后后续就可以配合 uPic 或 PicGo 绑定仓库的地址,将图片传到指定仓库。

Gitee

同样,Gitee 也是免费的,服务器也在国内,但是之前有出现过 Gitee 添加防盗链,导致很多博主的博客内的图片全部变成了 Gitee 的 logo,直接造成了一些经济损失和影响。

使用方式和 Github 类似。

七牛云

其他国内的云服务器其实也是类似的,都是可以的,比如腾讯云、阿里云等。笔者选择七牛云的原因是,自己本身有购买一个域名,然后七牛云免费的 10G 内存,也完全够目前的需求。

Windows

PicGo

Mac

在 Mac 上打开 Typora,接着打开设置( File – Settings ),选中左侧的图片,然后按照下图勾选。

image-20230214225209548

对于下面的上传设置,我们也完全可以选择其他的方式,点击下拉框也可以看到里面的可选项:iPic、uPic等。完全可以根据个人喜好选择,当然其后续配置稍有差别。这里选择 uPic 也没有特别的理由,主要是觉得官方网站、维护感觉比较专业。

image-20230214225356380

uPic

安装

点击 Typora 中的 Download uPic 即可跳转到 uPic 的官网 。可以使用以下命令通过 homebrew 安装,如果没有安装请先安装 homebew:

brew install bigwig-club/brew/upic --cask

国内的话网络可能会比较慢,可以从 Gitee 镜像下载。

再或者可以从 App Store 付费下载(❌)。

配置

安装完成后,LaunchPad 里面就会有 uPic 的图标,双击运行他就会出现在上面的状态栏。

image-20230214230723684

点击图标,然后点击 Preferences ,就可以看到 uPic 的界面了。

image-20230214230855221

网上很多教程需要在设置中设置插件,貌似目前不需要,至少我没有设置,如有问题请自行百度。

然后,点击 Host 设置服务器,左下脚的➕号,选择服务器。

默认会有一个 SMSS 的服务器(被我删掉了)

image-20230214231243515

七牛云

选择七牛云,分别设置区域空间访问Key和密钥Key域名以及存储的文件名称

image-20230214231412474

区域和空间

打开七牛云官网,打开控制台对象存储Kodo空间管理新建空间
空间名随意,存储区域选择一个近一点的,访问控制选择公开。

image-20230214231842399

Screenshot 2023-02-14 at 23.23.49

访问Key & 密钥Key

个人中心 – 密钥管理,复制粘贴到对应位置即可。

Screenshot 2023-02-14 at 23.28.35

域名

需要在控制台CDN域名管理中添加,当然也可以直接使用 30 天免费的。

全部保持默认选项即可,记得选择匹配的空间

此外,在域名管理页面,有一个 CNANE 值,需要添加到域名的相关记录中。

Screenshot 2023-02-14 at 23.36.30

比如阿里云,找到云解析DNS域名解析解析设置,在其中添加记录:

  • 记录类型选择 CNAME;
  • 主机记录:前缀最好写成服务器的名字,具有标识性,比如 qiniu(这里完整的域名是填写在前面 uPic 的名字,同时要与域名管理的域名保持一致);
  • 记录值:上面域名管理的 CNAME 值;
  • 其他的保持默认;

Screenshot 2023-02-14 at 23.44.48

验证

设置完毕后,点击 Typora 设置里面图片选项卡中,上传设置下的验证,提示成功即可。

Screenshot 2023-02-14 at 23.50.19

错误

uPic

如果没有删除 SMSS,记得修改默认的 Host,在这里:

Screenshot 2023-02-14 at 23.53.47

Reference

  1. https://www.atdevin.com/3551.html

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

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

相关文章

维度建模基本流程总结

一、维度建模基本流程图数据RD进行业务调研和数据现状调研,产出符合相关模版规范的业务知识文档和数据现状文档。数据PM也会调研相关业务产出需求设计文档,三方参与需求评审,评审通过后基建数据RD进行需求拆解,产出技术方案&#…

redhawk:GSC file与STA file

1.GSC file redhawk做lowpower分析时需要GSC&#xff08;Global Switching Configuration&#xff09;file指导block/instance/power domain的开关状态。 Syntax&#xff08;in GSR file&#xff09;: GSC_FILES <gsc_FilePathName> Syntax&#xff08;in GSC file&a…

django项目实战八(django+bootstrap实现增删改查)进阶验证码

目录 一、安装第三方 1、pillow 2、第三方字体文件 二、实现生成验证码 1、创建code.py 2、url 3、修改auth.py 4、修改account.py 5、修改login.html 三、验证码校验 1、验证码写入到session 2、修改form下的LoginForm类新增code字段 3、修改login.html 4、修改acco…

Jasperreort使用

准备工作 下载Jaspersoft Studio 下载地址 下载后一直下一步安装 Studio基本使用 新建项目 新建模板 具体制作教程可前往B站搜索视频教程 添加中文字体 如果不添加&#xff0c;后面打印出PDF的时候中文显示不出来 电脑自带的字体一般在C:\Windows\Fonts 但该目…

6——JVM调优工具详解及调优实战

Jmap、Jstack、Jinfo命令详解 Jmap 此命令可以用来查看内存信息&#xff0c;实例个数&#xff0c;以及占用内存大小 生成dump文件 把dump文件装入Jvisvalvm进行分析 Jstack Jstack加进程id查找死锁 Jstack找出占CPU最高的线程堆栈信息 top -p 进程号&#xff1a;显示进程…

文件系统概念

1.文件逻辑结构 (1)有结构文件和无结构文件 ①定长记录 ②可变长记录 (2)顺序文件 (3)索引文件 (4)索引顺序文件 (5)多级索引顺序文件 2.文件目录 (1)文件控制块 (2)目录结构 (3)索引节点 3.文件的物理结构 (1)文件块&#xff0c;磁盘块 (2)文件分配方式 ①连续分配 ②链接…

跑步戴哪种耳机好,最适合运动跑步的蓝牙耳机

经常跑步使用的耳机&#xff0c;还是要选择佩戴着舒适以及牢固的运动耳机最为合适&#xff0c;在运动当中会遇到耳机掉落或者长时间佩戴耳道感到难受的现象发生&#xff0c;那么什么蓝牙耳机是最适合运动当中佩戴呢&#xff1f;下面这些耳机分享希望能够帮助大家。 1、南卡Run…

人工智能基础部分13-LSTM网络:预测上证指数走势

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下LSTM网络&#xff0c;主要运用于解决序列问题。 一、LSTM网络简单介绍 LSTM又称为&#xff1a;长短期记忆网络&#xff0c;它是一种特殊的 RNN。LSTM网络主要是为了解决长序列训练过程中的梯度消失和梯度爆炸问题…

CATCTF wife原型链污染

CATCTF wife原型链污染 原型链污染原理&#xff1a;https://drun1baby.github.io/2022/12/29/JavaScript-%E5%8E%9F%E5%9E%8B%E9%93%BE%E6%B1%A1%E6%9F%93/ 如下代码&#xff0c;prototype是newClass类的一个属性。newClass 实例化的对象 newObj 的 .__proto__ 指向 newClass…

数字证书不仅有SSL证书,数字证书类型科普大全

数字证书不仅有SSL证书&#xff0c;数字证书类型科普大全证书不单单有SSL证书&#xff0c;还有SSL证书、代码签名证书以及客户端证书等。具体分类跟着陕西CA一起来看看吧。SSL证书&#xff1a;单域名SSL证书、多域名SSL证书、通配符SSL证书代码签名证书&#xff1a;单位代码签名…

管理系统权限分析以及白屏处理

菜单权限的业务分析 超级管理员&#xff1a;首页、权限模块、商品模块 不同角色能看到的菜单是不一样的。 如何实现菜单的权限 登录时向服务器发请求&#xff0c;服务器会把用户相应的菜单的权限信息&#xff0c;返回给前端&#xff0c;可以根据服务器返回的数据&#xff0…

sql复习(set运算符、高级子查询)

一、set运算符 union&#xff1a;得到两个查询结果的并集&#xff0c;并且⾃动去掉重复⾏。不会排序 union all&#xff1a;得到两个查询结果的并集&#xff0c;不会去掉重复⾏。也不会排序 intersect&#xff1a;得到两个查询结果的交集&#xff0c;并且按照结果集的第⼀个列进…

JavaSEI学习day10 基础班知识点回顾

一. 注释 注释是对代码的一种解释,在程序 的指定位置, 添加的一些说明性信息被注释掉的内容, 不会参与程序的编译和运行. 分类:单行: // 注释信息多行: /* 注释信息 */文档: /** 注释信息 */ 二. 关键字 Java语言中有特殊含义的单词&#xff0c;就是关键字。在后面的课程中…

基于Django的员工管理系统

目录 一、新建项目 二、创建app 三、设计表结构 四、在MySQL中生成表 五、静态文件管理 六、添加页面 七、模板的继承 一、新建项目 django-admin startproject 员工管理系统 二、创建app startapp app01 三、设计表结构 app01/migrations/models.py from django.db impo…

类与类之间的关系有哪几种?

文章目录程序设计要素1.可读性2.健壮性3.优化4.复用性5.可扩展性设计类的关系遵循的原则1、 高内聚低耦合2、面向对象开发中 “针对接口编程优于针对实现编程”&#xff0c;”组合优于继承” 的总体设计类与类之间的关系&#xff08;即事物关系&#xff09; A is-a B 泛化&…

模拟用户登录-课后程序(JAVA基础案例教程-黑马程序员编著-第五章-课后作业)

【案例5-3】 模拟用户登录 【案例介绍】 1.任务描述 在使用一些APP时&#xff0c;通常都需要填写用户名和密码。用户名和密码输入都正确才会登录成功&#xff0c;否则会提示用户名或密码错误。 本例要求编写一个程序&#xff0c;模拟用户登录。程序要求如下&#xff1a; 用…

Redis02: Redis基础命令

一、基础命令 先启动redis服务&#xff0c;使用redis-cli客户端连到redis数据库里面 1. 获取符合规则的键: keys 要点&#xff1a; &#xff08;1&#xff09;keys 后面可以指定正则表达式 &#xff08;2&#xff09;在生产环境下建议禁用keys命令&#xff0c;因为这个命令会查…

为什么要经常阅读和分析计算机SCI期刊论文? - 易智编译EaseEditing

训练阅读与分析期刊论文的能力&#xff0c;可以增加中长期的学术竞争力。 只要能够充分掌握阅读与分析期刊论文的技巧&#xff0c;就可以水到渠成地轻松进行「创新」的工作。 所以&#xff0c;只要深入掌握到阅读与分析期刊论文的技巧&#xff0c;就可以掌握到大学生不曾研习过…

koa中间件的实现原理

koa中间件的实现原理如何&#xff1f;先来看一个例子。koa的执行顺序是这样的&#xff1a;const middleware asyncfunction (ctx, next) {console.log(1)await next()console.log(6) }const middleware2 asyncfunction (ctx, next) {console.log(2)await next()console.log(5…

GCN项目实战1-SimGNN

文章目录SimGNN&#xff1a;快速图相似度计算的神经网络方法1. 数据2. 模型2.1 python文件功能介绍2.2 重要函数和类的实现SimGNN&#xff1a;快速图相似度计算的神经网络方法 原论文名称&#xff1a;SimGNN: A Neural Network Approach to Fast Graph Similarity Computation…