Typora+PicGo+super-prefix+阿里云OSS设置图床

news2024/10/7 8:23:59

在这里插入图片描述

在这里插入图片描述

🌈个人主页:godspeed_lucip
🔥 系列专栏:实用工具


  • 1 Typora+PicGo+super-prefix+阿里云OSS设置图床
    • 1.1 设置阿里云OSS
    • 1.2 以时间戳命名图片
      • 1.2.1 安装super-prefix
      • 1.2.2 设置配置文件
    • 1.3 批量上传图片遇到的问题
    • 1.4 参考资料
  • 2 将markdown写入CSDN
    • 2.1 参考资料


1 Typora+PicGo+super-prefix+阿里云OSS设置图床

1.1 设置阿里云OSS

我是参考这篇博客:

最好用的 Markdown 编辑器 Typora 图片自动上传服务器设置 - 知乎 (zhihu.com)

我遇到的问题:在Typora安装PicGo时,要科学上网才能下载。

1.2 以时间戳命名图片

1.2.1 安装super-prefix

找到Pic-Go的安装目录,运行命令:

picgo install super-prefix

如果报错:

image-20240124091805818

那么提前运行命令:

npm config set strict-ssl false

这样可以取消对证书的检测。

再次运行插件安装命令。当安装成功时,会显示:

image-20240124091915429

1.2.2 设置配置文件

Typora界面中:文件->偏好设置,如图:

image-20240124093827833

将配置文件修改如下:

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "你的accessKeyId",
      "accessKeySecret": "你的accessKeySecret",
      "bucket": "godspeedlucip",
      "area": "oss-cn-guangzhou",
      "path": "img/",
      "customUrl": "http://godspeedlucip.oss-cn-guangzhou.aliyuncs.com",
      "options": ""
    }
  },
  "picgoPlugins": {
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "prefixFormat": "YYYY/MM/",
    "fileFormat": "YYYYMMDDHHmmss"
  }
}

picBed的作用是设置图床上传图片。

picgo-plugin-super-prefix内容的作用为:每张上传的图片会被存储在年/月的文件夹中,并精确到毫秒级时间戳。例如:

http://godspeedlucip.oss-cn-guangzhou.aliyuncs.com/img/2024/01/20240124093450.png

你也可以根据你自己的喜好去设置。

1.3 批量上传图片遇到的问题

我之前习惯用onenote记笔记,现在想把onenote都转成markdown并上传到csdn博客。但是当我一次性批量复制大量图片到typora中时,所有文件的时间戳都是一样的。我已经向picgo-plugin-super-prefix的作者提交了反馈,但是目前为止并没有回复。

image-20240202164313264

我的解决办法是:

  1. 将onenote转为markdown时,用这个工具:github链接

转换之后,图片名类似于:

0a5ffbb0d7a5451da8de538ce332f66e.png

并将picgo-plugin-super-prefix暂时关闭。基本可以解决图片名重复的问题。

  1. 平时做笔记时,用smipaste截图工具:snipaste官网

在复制该工具下的截图到typora中时,图片名为自动命名为当前的时间戳,类似于:

image-20240202165134117.png

也可以避免图片名重复的问题。

  1. 当你需要一次性上传很多图片,但是这些图片有可能和之前的图片重名时,可以如此设置Typora的配置文件:
{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "你的accessKeyId",
      "accessKeySecret": "你的accessKeySecret",
      "bucket": "godspeedlucip",
      "area": "oss-cn-guangzhou",
      "path": "img/",
      "customUrl": "http://godspeedlucip.oss-cn-guangzhou.aliyuncs.com",
      "options": ""
    }
  },
  "picgoPlugins": {
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "prefixFormat": "YYYY/MM/oracle/03/"
  }
}

重点看picgo-plugin-super-prefix那一栏 ,它没有为图片设置时间戳,图片会以其原来的名字进行存储,其生成的图片地址如下:
http://godspeedlucip.oss-cn-guangzhou.aliyuncs.com/img/2024/02/oracle/03/image04.jpg
这样,就可以与同名的图片进行区分。当然,"prefixFormat": "YYYY/MM/oracle/03/"这一栏可以按照你的喜好进行设置,此处仅供参考。

1.4 参考资料

Typora+PicGo-Core+时间戳重命名 | Connor (connor-sun.github.io)

解决执行npm(或pnpm)时报:证书过期 certificate has expired问题-CSDN博客

最好用的 Markdown 编辑器 Typora 图片自动上传服务器设置 - 知乎 (zhihu.com)

Typora+picGo-core+云对象存储+以时间戳命名图片存储 - 槐下 - 博客园 (cnblogs.com)

2 将markdown写入CSDN

提示转存图片错误:

image-20240124100204638

检查阿里云OSS,发现并没有设置防盗链:

image-20240124100655703

这个问题我咨询过客服,但是并没有给出有效回复。但是很离谱的是,当天晚上我再尝试时就没有这个错误了。所以我的建议是:多尝试几次,对于部分转存失败的图片,可以单独再尝试。从那天到目前为止我没有出现过所有图片都转存失败的情况。

image-20240202163416471

image-20240202163505841

2.1 参考资料

已有腾讯云cos图床,CSDN 转存失败,源站可能有防盗链机制_csdn 外链图片转存失败,源站可能有防盗链机制-CSDN博客

【markdown】python自动将md文件中的链接图片转为base64引入 - ぃ往事深处少年蓝べ - 博客园 (cnblogs.com)

【小技巧】CSDN中图片转存失败怎么处理-CSDN博客 (有用,但不是很多)

在这里插入图片描述

在这里插入图片描述

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

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

相关文章

OpenHarmony JS和TS三方组件使用指导

OpenHarmony JS和TS三方组件介绍 OpenHarmony JS和TS三方组件使用的是OpenHarmony静态共享包,即HAR(Harmony Archive),可以包含js/ts代码、c库、资源和配置文件。通过HAR,可以实现多个模块或者多个工程共享ArkUI组件、资源等相关代码。HAR不…

robots.txt 文件规则

robots.txt 是一种用于网站根目录的文本文件,其主要目的在于指示网络爬虫(web crawlers)和其他网页机器人(bots)哪些页面可以抓取,以及哪些页面不应该被抓取。可以看作是网站和搜索引擎机器人之间的一个协议…

Element table 实现表格行、列拖拽功能

安装包 npm install sortablejs --save <template><div class"draggable" style"padding: 20px"><el-table row-key"id" :data"tableData" style"width: 100%" border><el-table-columnv-for"(it…

osg qt5.15 osg3.6.3 osgEarth3.1 编译爬山

Demo演示&#xff1a;Qt5.15.2OSG3.6.3OsgEarth3.1的QtCreator下的msvc2019x64版本 osgQt编译 步骤一&#xff1a;下载解压 步骤二&#xff1a;CMake配置 步骤三&#xff1a;CMake配置添加osg环境 步骤四&#xff1a;CMake配置添加Qt环境 步骤五&#xff1a;CMake修改CMakeLis…

【数据结构】C语言实现图的相关操作

图 图&#xff08;Graph&#xff09;是由顶点的有穷非空集合和顶点之间边的集合组成&#xff0c;通常表示为&#xff1a;G(V,E)&#xff0c;其中&#xff0c;G 表示一个图&#xff0c;V 是图 G 中顶点的集合&#xff0c;E 是图 G 中边的集合。 术语 无向图&#xff1a;每条边…

使用HiveMQ实现Android MQTT

MQTT官网&#xff1a;https://mqtt.org/ 百度Android MQTT&#xff0c;或者B站上搜索&#xff0c;发现大多使用https://github.com/eclipse/paho.mqtt.android&#xff0c;这是Eclipse的一个Android MQTT客户端实现库&#xff0c;但是我发现这个库在运行到高版本的手机上时报错…

Unet 高阶分割网络实战、多类别分割、迁移学习(deeplab、resnet101等等)

1、前言 Unet 图像分割之前介绍了不少&#xff0c;具体可以参考 图像分割专栏 为了实现多类别的自适应分割&#xff0c;前段时间利用numpy的unique函数实现了一个项目。通过numpy函数将mask的灰度值提取出来&#xff0c;保存在txt文本里&#xff0c;这样txt里面就会有类似0 1…

基于微信小程序的垃圾分类系统,附源码

博主介绍&#xff1a;✌程序员徐师兄、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专栏推荐订阅&#x1f447;…

Java SpringBoot测试OceanBase

对上篇mysql导入到OceanBase中的数据库进行代码测试&#xff0c;写了个demo包含测试方法&#xff0c;在原mysql库中成功执行&#xff0c;迁移到OceanBase时看是否能不修改业务代码而成功执行测试方法&#xff1a; 代码基于SpringBoot MyBastis测试增删改查、批量新增、多表联…

在项目中应用设计模式的实践指南

目录 ✨✨ 祝屏幕前的您天天开心&#xff0c;每天都有好运相伴。我们一起加油&#xff01;✨✨ &#x1f388;&#x1f388;作者主页&#xff1a; 喔的嘛呀&#x1f388;&#x1f388; 引言 一. 单例模式&#xff08;Singleton Pattern&#xff09; 1、实现单例模式的方式 1…

List集合之UML、特点、遍历方式、迭代器原理、泛型、装拆箱及ArrayList、LinkedList和Vector的区别

目录 ​编辑 一、什么是UML 二、集合框架 三、List集合 1.特点 2.遍历方式 3.删除 4.优化 四、迭代器原理 五、泛型 六、装拆箱 七、ArrayList、LinkedList和Vector的区别 ArrayList和Vector的区别 LinkedList和Vector的区别 一、什么是UML UML&#xff08;Unif…

20个改善编码的Python异常处理技巧,让你的代码更高效

异常处理是写好代码的一个重要的方面&#xff0c;虽然许多开发人员都熟悉基本的try-except块&#xff0c;但是有很多更深入的知识可以使异常处理更高效、更可读和更python化。所以本文将介绍关于Python异常的20个可以显著改善编码的Python异常处理技巧&#xff0c;这些技巧可以…

C/C++内存管理学习【new】

文章目录 一、C/C内存分布二、C语言中动态内存管理方式&#xff1a;malloc/calloc/realloc/free三、C内存管理方式3.1 new/delete操作内置类型3.2 new和delete操作自定义类型四、operator new与operator delete函数五、new和delete的实现原理5.1 内置类型 六、定位new表达式(pl…

天锐绿盾 | 文件数据\资料防泄漏软件 \ 自动智能透明加密保护

怎么防止公司办公终端文件数据资料外泄? 防止公司办公终端文件数据资料外泄是非常重要的&#xff0c;以下是一些有效的措施&#xff1a; 限制访问权限&#xff1a;根据员工的职责和需求&#xff0c;设定文件和数据资料的访问权限。确保只有授权人员才能访问敏感信息。 加密存…

2024图像处理分析与信息工程国际学术会议(IACIPIE2024)

2024图像处理分析与信息工程国际学术会议(IACIPIE2024) 会议简介 2024图像处理分析与信息工程国际学术会议&#xff08;IACIPIE2024&#xff09;将在中国长沙举行。 IACIPIE2024是一个年度会议&#xff0c;探讨图像处理分析和信息工程相关领域的发展和影响&#xff0c;旨在介…

数字孪生低代码平台盘点(一):厂家介绍

特别说明&#xff1a;本文根据网上资料搜集整理而成&#xff0c;排名不分先后&#xff0c;配图是为了更好地阅读体验&#xff0c;并非表明该图为该平台所生产。如有错误之处&#xff0c;请在评论区提出。 一、优锘ChartBuilder 优锘ChartBuilder是一款基于Web的数据可视化工具…

C++的vector容器->基本概念、构造函数、赋值操作、容量和大小、插入和删除、数据存取、互换容器、预留空间

#include<iostream> using namespace std; #include <vector> //vector容器构造 void printVector(vector<int>& v) { for (vector<int>::iterator it v.begin(); it ! v.end(); it) { cout << *it << " "…

挑战杯 基于卷积神经网络的乳腺癌分类 深度学习 医学图像

文章目录 1 前言2 前言3 数据集3.1 良性样本3.2 病变样本 4 开发环境5 代码实现5.1 实现流程5.2 部分代码实现5.2.1 导入库5.2.2 图像加载5.2.3 标记5.2.4 分组5.2.5 构建模型训练 6 分析指标6.1 精度&#xff0c;召回率和F1度量6.2 混淆矩阵 7 结果和结论8 最后 1 前言 &…

RGB颜色如何转换为十六进制?16进制颜色代码怎么转为RGB颜色值?

我们在调整网站的色彩搭配&#xff0c;或修改图片的时候&#xff0c;偶尔需要用到RGB颜色值&#xff0c;或者16进制颜色代码。 如果我只知道16进制颜色代码想要知道RGB颜色值&#xff0c;那么16进制颜色代码怎么转为RGB颜色值&#xff1f;又或者我知道RGB颜色值想要知道16进制…

ubuntu使用LLVM官方发布的tar.xz来安装Clang编译器

ubuntu系统上的软件相比CentOS更新还是比较快的&#xff0c;但是还是难免有一些软件更新得不那么快&#xff0c;比如LLVM Clang编译器&#xff0c;目前ubuntu 22.04版本最高还只能安装LLVM 15&#xff0c;而LLVM 18 rc版本都出来了。参见https://github.com/llvm/llvm-project/…