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

目录
相关文章
|
1月前
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
134 1
|
1月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
125 3
|
7天前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
8 1
|
1月前
|
Shell Linux 开发工具
如何在vs上提交代码到gitee/github?
如何在vs上提交代码到gitee/github?
|
1月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
如何利用 Github 搭建自己的免费图床?
如何利用 Github 搭建自己的免费图床?
1278 0
如何利用 Github 搭建自己的免费图床?
|
1月前
|
文字识别 异构计算 Python
关于Github中开源OCR项目的实验过程与思考
新手尝试Git clone Python OCR项目,遇到各种报错。测试了Paddle OCR、Tesseract OCR和EasyOCR。Paddle OCR因平台限制未能在Notebook部署,Tesseract OCR在Colab成功但无法复现。EasyOCR最终在阿里云天池和Colab部署成功,但天池GPU资源不足。建议使用魔搭社区的实例,阿里云提供免费OCR服务。寻求简单OCR项目推荐。附EasyOCR安装和使用代码。
78 2
|
1月前
|
人工智能 自然语言处理 iOS开发
『GitHub项目圈选19』推荐5款本周 让人爱不释手 的开源项目
『GitHub项目圈选19』推荐5款本周 让人爱不释手 的开源项目
|
1月前
|
存储 Web App开发 人工智能
『GitHub项目圈选18』推荐5款本周 超实用 的开源项目
『GitHub项目圈选18』推荐5款本周 超实用 的开源项目
244 1
|
1月前
|
前端开发
Github项目分享——免费的画图工具drow,最新前端面试题整理
Github项目分享——免费的画图工具drow,最新前端面试题整理