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

目录
相关文章
|
4月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
229 3
|
26天前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
11 0
|
25天前
|
存储 开发工具 数据安全/隐私保护
解决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
67 0
|
3月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
24 1
|
4月前
|
Shell Linux 开发工具
如何在vs上提交代码到gitee/github?
如何在vs上提交代码到gitee/github?
|
4月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
如何利用 Github 搭建自己的免费图床?
如何利用 Github 搭建自己的免费图床?
1318 0
如何利用 Github 搭建自己的免费图床?
|
9天前
|
SQL JavaScript 前端开发
Github 2024-08-05 开源项目周报 Top15
根据 Github Trendings 的统计,本周(2024年8月5日统计)共有15个项目上榜。以下是根据开发语言汇总的项目数量: - Go 项目:4个 - JavaScript 项目:3个 - Python 项目:3个 - Java 项目:2个 - TypeScript 项目:2个 - C 项目:1个 - Shell 项目:1个 - Dockerfile 项目:1个 - 非开发语言项目:1个
17 2
|
9天前
|
人工智能 Rust JavaScript
Github 2024-08-26 开源项目周报Top15
根据Github Trendings的统计,本周共有15个项目上榜。以下是按开发语言汇总的项目数量:Python项目8个,TypeScript、C++ 和 Rust 项目各2个,Jupyter Notebook、Shell、Swift 和 Dart 项目各1个。其中,RustDesk 是一款用 Rust 编写的开源远程桌面软件,可作为 TeamViewer 的替代品;Whisper 是一个通用的语音识别模型,基于大规模音频数据集训练而成;初学者的生成式人工智能(第2版)则是由微软提供的18门课程,教授构建生成式AI应用所需的知识。
30 1
|
9天前
|
Rust Dart 前端开发
Github 2024-08-19 开源项目周报Top15
根据Github Trendings的统计,本周(2024年8月19日统计)共有15个项目上榜。按开发语言分类,上榜项目数量如下:Python项目最多,有7项;其次是JavaScript和TypeScript,各有3项;Dart有2项;HTML、PowerShell、Clojure和C++各1项。此外,还介绍了多个热门项目,包括Bootstrap 5、RustDesk、ComfyUI、易采集、Penpot等,涵盖了Web开发、远程桌面、自动化测试、设计工具等多个领域。
37 1
下一篇
DDNS