Typora+Node.js+PicGo搭建图床

目录

一 问题背景

二 具体步骤

2.1 picgo的安装

1. 下载picgo

2. 安装

3. 效果

 2.2 Node.js的安装

(1)下载链接

(2)安装步骤

2.3 Gitee设置

2.3.1在gitee上面创建一个仓库

2.4 整体配置

2.4.1 picgo软件配置

2.4.2 图床设置

2.4.3 Typora配置 

三 失败问题总结

四 最终效果

参考链接


一 问题背景

实现Typora书写笔记上传至CSDN时,图片可以采用MarkDown笔记方式,直接复制粘贴。避免出现“外链图片转存失败,源站可能有防盗链机制”的问题。该博客记录踩过的坑与安装过程

二 具体步骤

2.1 picgo的安装

1. 下载picgo

  • 官网下载地址:Release 2.3.0 · Molunerfinn/PicGo · GitHub

image-20220412205142280

由于Github下载较慢,此处提供云盘链接 

链接:https://pan.baidu.com/s/1lB1fLPU8DSOe2AQ9EeLQ2Q 
提取码:x2bv

2. 安装

直接打开 .exe 文件,一步步安装即可。

3. 效果

电脑右下角-》点击后的图标即是改软件

 点击界面如下

 2.2 Node.js的安装

(1)下载链接

官网链接:Node.js

下载长期使用版

由于下载较慢,此处提供云盘链接:

  链接:https://pan.baidu.com/s/1N3AdNu1Glo7MCyRFLWMPPQ 
提取码:zkvy

(2)安装步骤

1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js


点击【Next】按钮


勾选复选框,点击【Next】按钮


修改好目录后,点击【Next】按钮


安装完后点击【Finish】按钮完成安装

至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

安装完后的目录如下图所示:

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

如果仍有问题,参考Node.js安装及环境配置之Windows篇 - 刘奇云 - 博客园

注意:

1. 必须确定下载安装好nodejs再进行下一步配置picgo, 

2.参考博客后文的配置对图床使用影响不大。

如需卸载,参考以下图片

图片/12.png

2.3 Gitee设置

2.3.1在gitee上面创建一个仓库

有几点要求:

image-20220402201428453

这个私有仓库,要在仓库管理中,调成开源

2.4 整体配置

2.4.1 picgo软件配置

电脑上需要安装node.js才能安装插件,node.js安装见以上步骤

 注意:

1. 此处插件安装只需安装右边的插件,不要安装左边的插件或者两个插件同时安装,不然会造成冲突。

2.4.2 图床设置

 找到

 image-20220402202016109

 ​ repo 是填写仓库主页上面的红框框里面的部分

注意:不能将仓库的网址粘贴到repo里。repo为用户名+仓库。若粘贴网址,后面会出现错误
 

image-20220402202123234

branch填master

token是gitee私人令牌

image-20220402202240585

​ image-20220402202303572

勾选这些就行了

注意:令牌只能显示一次,及时进行复制 不然又要重新申请了

path就填img

下面的按照上面填年月就行

其他无要求了

最后,需要设置为默认图床

2.4.3 Typora配置 

(1)设置

 图像下的设置也可以全部打上勾

(2)

找到你picgo的安装路径,要找到那个exe文件的部分,再点击那个验证图片上传选项,成功以后就是完成配置了

在这里插入图片描述

三 失败问题总结

 Picgo设置图床时候,出现:{“success”:false,“message”:“upload error”}

根据提示问题的log文件所在位置,查看失败信息

(1)情景1

 Error: You must be logged in to use 的失败提示。

添加了gitee插件之后,要把它设为默认图床就可以解决了。不然你使用的是SM.MS图床。

(2)情景2

Error: Error in repo name

repo为用户名+仓库。需要自己检查一下是否填错

四 最终效果

在Typora中按如下方式进行

 

 会有上传成功提示,相应的图片也变为GItee仓库中图床的网址。之后就可以在CSDN中粘贴图片了。

注意:

要上传某个文件的图片时,要按照以上方式上传本地所有图片。不要一个一个图片上传。不然会出现以下错误。

2021-08-19 19:59:43 [PicGo INFO] {"name":"StatusCodeError","statusCode":400,"message":"400 - \"{\\\"message\\\":\\\"A file with this name already exists\\\"}\"","error":"{\"message\":\"A file with this name already exists\"}","options":{"method":"POST","url":"https://gitee.com/api/v5/repos/Netceor/typora-image/contents/typora-icon2.png","headers":{"contentType":"application/json;charset=UTF-8","User-Agent":"PicGo"},

出现上面错误时,需要比对上传出错的图片,然后再原库中删除相同图片后,再上传。较为麻烦

参考链接

1.外链图片转存失败,源站可能有防盗链机制---如何解决?手把手带你解决_四年过后。的博客-CSDN博客_外链图片转存失败

2. PicGo 安装及配置_长得很抽象的博客-CSDN博客_picgo

3.  Node.js安装及环境配置之Windows篇 - 刘奇云 - 博客园

4. 【win10】Typora+PicGo+node+gitee配置图床_zdb呀的博客-CSDN博客

5. Typora+PicGo+Gitee自动上传图片_哔哩哔哩_bilibili

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

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

相关文章

JMetro版本11.6和8.6发布

再次返回另一个JMetro版本。 这是一个重要的里程碑,此版本中增加了样式,JavaFX库中的所有JavaFX控件现在都具有JMetro样式。 除此之外,还有用于ControlsFX StatusBar的新JMetro样式,对现有样式的样式调整,错误修复等。…

第一章 基础算法(二)

文章目录高精度高精度加法高精度减法高精度乘法高精度除法前缀和一维前缀和二维前缀和--求子矩阵中一部分和差分一维差分二维差分高精度 高精度加法 791 给定两个正整数(不含前导 0),计算它们的和。输入格式 共两行,每行包含一个…

第一章 基础算法(三)

文章目录双指针算法双指针算法分类双指针算法模板性质:总结例1例2位运算二进制的第k位lowbit 返回x的最后一位1实现计算机中编码知识做题思路离散化区间合并双指针算法 双指针算法分类 双指针算法模板 性质: 总结 为什么双指针算法可以起到优化的作用&a…

第二章 数据结构(二)

文章目录Trie树存储并查集常规例题并查集维护多余信息堆性质存储基础操作downup操作例题Trie树 Tire:高效地存储和查找字符串集合的数据结构 存储 如果没有就创建。 对单词结尾进行标记,表示以当前节点结尾的地方存在一个单词 维护一个字符串集合&am…

Apache Camel 3只有2个月的路程

骆驼队正忙于为 Apache Camel3 。今天,第二个候选版本已构建并发布在暂存库中,供早期的适配器尝试 。 当我自己很忙的时候,我只想写一篇简短的博客文章,以使社区了解Apache Camel 3即将发布,我们希望它在今年年底&am…

第二章 数据结构(三)

文章目录哈希表存储结构拉链法:插入查询题目注意开放寻址法查找质数代码字符串哈希方式STL相关知识哈希表存储结构 整体结构 0~109->0~105 方法: x mod 105处理冲突 开放寻址法拉链法 拉链法: 思想:每个槽上拉一条链&…

Vaadin 10+作为CUBA UI的未来

从一开始,Vaadin就成为CUBA平台用户界面的基石和重要组成部分。 由于其创新的方法,它帮助CUBA将企业用户界面开发带到了一个非常有希望的(如今是默认)的WEB领域。 Vaadin最令人兴奋的部分之一是整个开发都是同构的,并且…

第二章 数据结构(一)

文章目录整体结构为什么用数组链表与邻接表单链表存储插入插入至头结点将x插入到下标为k的点后面删除遍历双链表初始化插入删除邻接表栈和队列栈队列单调栈单调队列KMP整体结构 链表与邻接表(用数组模拟)栈与队列(用数组模拟)kmp…

第三章搜索与图论(一)

文章目录DFS与BFS区别DFS全排列n皇后BFS树和图的遍历树和图的存储数和图的遍历深度优先遍历宽度优先遍历图的宽搜应用框架DFS与BFS区别 DFS: 执着:一直走到头,回去的时候边回去边看能不能向下走 BFS: 稳重:每次只扩展一层,不会…

第三章 搜索与图论(二)

文章目录最短路朴素Dijkstra算法堆优化版的Dijkstra算法Bellman-Ford算法SPFA算法求距离判负环Floyd最短路 并不区分有向图和无向图,因为无向图是一种特殊的有向图。直接用有向图的算法,解决无向图的问题。 常见情况可以分为两大类 在图论中&#xff0…

第三章 搜索与图论(三)

文章目录朴素版PrimKruskal算法染色法匈牙利算法朴素版Prim 给定一个 n 个点 m 条边的无向图,图中可能存在重边和自环,边权可能为负数。求最小生成树的树边权重之和,如果最小生成树不存在则输出 impossible。给定一张边带权的无向图 G(V,E)&a…

CDF 图的含义

CDF 图用于创建经验累积分布函数图。 使用 CDF 图可以确定等于或小于 x 轴上的给定值的数据的百分比。 例如,在该 CDF 图中,大约 34% 的数据小于总脂肪值 10 克。 参考链接 1. https://www.jmp.com/support/help/zh/14-2/ba-distribution-22.shtml

rome rss_RSS阅读器使用:ROME,Spring MVC,嵌入式Jetty

rome rss在这篇文章中,我将展示一些创建Spring Web应用程序的指南,这些应用程序使用Jetty并使用名为ROME的外部库运行RSS来运行它。 一般 我最近创建了一个示例Web应用程序,充当RSS阅读器。 我想检查ROME以阅读RSS。 我还想使用Spring容器和…

Ubuntu系统输入中文方式

我目前知道Ubuntu有两个还算好用的中文输入法: Fcitx:它是Linux世界开源的输入法框架,提供 Google PinYin、ShuangPin、SunPinYin、Wubi、ZhengMa、Hong Kong 和 TaiWan繁体等输入法。 1 安装Fcitx sudo apt install fcitx-pinyin fcit…

VMWare建立于W10的共享文件夹

一、共享文件夹建立 在虚拟机设置 -> 文件夹共享,选择总是启用,点击添加: 直接点击下一步: 选择原系统共享文件夹位置,并命名: 选择启用此共享,并继续: 二、VMtools安装 虚拟机…

VSCode如何去掉Monokai主题下的绿色下划线

VScode中类似sublime的主题为Monokai,但是自带主题Monokai中绿色下划线令人不舒服。 在网上寻找多种方式去除下划线。终于找到一种合适的处理方式。 1 安装主题插件 在主题插件中搜索One Monokai Theme,下载并安装 2 配置全局主题 通过快捷键“Ctr…

解决 ZLibrary 登录/注册不了的问题

一 文章转载链接内容 转载链接:解决 ZLibrary 登录/注册不了的问题 - 知乎 很多小伙伴反馈说 Z-Library 能打开,但是不能登录。这实际上是由于官方登录入口受限导致的。话虽如此,我们仍然可以通过某些方法绕过这个限制。 >虽然我们注册时…

gradle入门_Gradle入门:简介

gradle入门Gradle是一种构建工具,可以用基于Groovy编程语言的内部DSL替换基于XML的构建脚本。 最近它吸引了很多关注,这就是为什么我决定仔细研究一下。 这篇博客文章是我的Gradle教程的第一部分,它有两个目标: 帮助我们安装Gr…

排队论游乐场的游乐项目_外汇游乐场

排队论游乐场的游乐项目介绍 F X Playground是基于JavaFX的原型制作工具或实时编辑器,它消除了编译Java代码的步骤。 这个概念并不新鲜,例如在网络世界中,有许多HTML5 游乐场提供在线编辑器,使开发人员可以快速原型化或尝试各种Ja…

Node.js安装及环境配置之Windows篇

原博文链接:Node.js安装及环境配置之Windows篇 - 刘奇云 - 博客园 from:https://www.cnblogs.com/zhouyu2017/p/6485265.html 一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位…