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月前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
567 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
1月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
22天前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
github图床链接打开提示raw.githubusercontent.com无法访问解决
30 0
|
2月前
|
Shell 网络安全 开发工具
Git,GitHub,Gitee&IDEA集成Git
Git提交项目到GitHub简洁版、版本控制、安装、常用命令、分支、团队协作机制、Github、Gitee远程仓库、IDEA集成Git、IDEA集成Github、IDEA集成Gitee
Git,GitHub,Gitee&IDEA集成Git
|
3月前
|
存储 开发工具 数据安全/隐私保护
解决Gitee或者Github出现Access denied fatal: unable to access,The requested URL returned error: 403
解决Gitee或者Github出现Access denied fatal: unable to access,The requested URL returned error: 403
505 0
|
3月前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
27 0
|
5月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
34 1
|
6月前
|
Shell Linux 开发工具
如何在vs上提交代码到gitee/github?
如何在vs上提交代码到gitee/github?
|
6月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
|
1月前
|
编解码 Oracle Java
java9到java17的新特性学习--github新项目
本文宣布了一个名为"JavaLearnNote"的新GitHub项目,该项目旨在帮助Java开发者深入理解和掌握从Java 9到Java 17的每个版本的关键新特性,并通过实战演示、社区支持和持续更新来促进学习。
75 3