Typora+PicGo+SMMS、github、gitee实现Typora图片上传到图床

简介: Typora+PicGo+SMMS、github、gitee实现Typora图片上传到图床

最近写博客的时候,经常会放入截图或编程图。每次将 Typora 写好的内容ctrl + c,ctrl + v 复制到 csdn,博客园,知乎等博客社区发表时,都会显示不支持外部链接,然后就只能一张一张图片地上传,体验极差!我找寻了很多方法,也换了vscode来写博客。最后发现Typora+PicGo是最方便快捷的解决方法(vscode也能通过PicGo插件上传到图床,但Typora即时渲染是真的比舒服),就写此博客记录并分享该方法。


Typora是支持自动上传图片的,有PicGo和原生对PicGo的支持,开始下载了PicGo发现上传图片Typora经常会再打开一个PicGo,这样导致端口号冲突自动改了端口号,经常出现上传端口号报错。为更好的配合Typora自动上传和这里我们推荐使用PicGo-core,上传时调用,无需进程常驻


说明:PicGo.app和PicGo-Core之间的区别(命令行)


目前,PicGo(应用程序)仅中文。


PicGo.app提供了一个GUI,因此与CLI版本相比更易于设置。


使用PicGo-Core(命令行)进行上传会消耗较少的计算资源,因为该过程仅在上传过程中运行,并且在上传成功或失败后将退出。通过PicGo.app上传时,PicGo.app将始终保持运行状态,不会自动退出。此外,PicGo.app是电子应用程序,它消耗了更多的计算资源。


PicGo.app和PicGo-Core使用不同的配置文件,但是您可以将picBedPicGo.app的配置文件中key 下的json对象复制到PicGo的配置文件中。


PicGo.app提供其他功能,例如上传历史记录,自动重命名等。


方法一、安装PicGo-Core(command line)


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvTVRBV1k0RHR2U0ZveXo5LnBuZw.png


第一步,打开typora,选择PicGo-Core(command line);


第二步,下载;


第三步,打开配置文件,Json格式;

{
  "picBed": {
    "uploader": "smms", // 代表当前的默认上传图床为 SM.MS,
    "smms": {
      "token": "" // 从https://sm.ms/home/apitoken获取的token
    }
  },
  "picgoPlugins": {} // 为插件预留
}


我们需要去 https://sm.ms/home/apitoken 申请注册,获取token,申请之后按下图填入,其余不用管。


如果需要把github,gitee作为图床,参考官方文档https://picgo.github.io/PicGo-Core-Doc/zh/guide/config.html#%E9%BB%98%E8%AE%A4%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvSWV1Qm41U2FvQURxaVZGLnBuZw.png


第四步,验证图片上传;


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvYmV5ZnVjWjVXZHBFemFYLnBuZw.png


方法二、安装PicGo-Core


第一步,PicGo官网链接:https://github.com/Molunerfinn/picgo/releases


找到后缀 .exe 的,点击下载。


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYva0FUWjU2eG00cG5POXJjLnBuZw.png


第二步,安装 node.js;


node.js 官网链接:https://nodejs.org/zh-cn/


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvT01IZ0FTdEp2NVQ5THBHLnBuZw.png


第三步,在 PicGo 上下载插件


右边的插件也可以,配置过程也差不多


(注:若没有安装 node.js ,则会安装不了插件。因为插件下载需要使用到 node.js 的npm!)


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvVGtsTDNXVXZnQ29oczFILnBuZw.png


第四步,配置图床


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvaERCR3lmaU94VW5BSHVOLnBuZw.png


第五步,测试


aHR0cHM6Ly9pLmxvbGkubmV0LzIwMjAvMDQvMTYvOVhyVUlTM05XRDZnbGU4LnBuZw.png

目录
相关文章
|
2月前
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
227 1
|
2月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
182 3
|
1月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
16 1
|
2月前
|
Shell Linux 开发工具
如何在vs上提交代码到gitee/github?
如何在vs上提交代码到gitee/github?
|
2月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
|
2月前
|
Java Spring
GitHub 上搜索开源项目技巧
GitHub 上搜索开源项目技巧
54 0
|
2月前
|
前端开发
Github项目分享——免费的画图工具drow,最新前端面试题整理
Github项目分享——免费的画图工具drow,最新前端面试题整理
|
29天前
|
搜索推荐 开发者 SEO
CSDN 大规模抓取 GitHub 上的项目到 GitCode,伪造开发者主页引公愤
后续影响和发展方向 GitCode是CSDN开发的一个代码托管平台,为了快速获得搜索引擎流量,CSDN采用了惯用的手段,直接搬运大量内容进行填充。接下来,他们很可能会通过SEO农场来污染搜索引擎,以获得更多的流量。这种操作不仅对开发者极不尊重,也对整个互联网环境造成了严重的污染。 写在最后 GitCode 已经出来有挺长时间了,期间没闹出过什么问题。近期,不知道 GitCode 内部的哪位领导脑子被驴踢了,做出搬运 GitHub 的仓库来丰富自己平台内容的决定。 这种无视开发者权益、恶意搬运项目的行为,必将受到开发者社区的强烈谴责,尊重开发者的劳动成果,维护开源社区的良好氛围。开发者们也应团结
|
1月前
|
Shell 测试技术 网络安全
【GIT】如何在GitHub上向一个开源项目贡献代码?
【GIT】如何在GitHub上向一个开源项目贡献代码?
31 5
|
1月前
|
Kubernetes JavaScript 前端开发
OpenSource项目Github Trending一周回顾
OpenSource项目Github Trending一周回顾