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

本文介绍了一种使用Typora结合PicGo-Core实现博客图片自动上传的方法,解决了外部链接不被支持的问题,提升了写作效率。文中详细介绍了安装及配置PicGo-Core的过程,包括下载、配置图床及验证图片上传的步骤。

最近写博客的时候,经常会放入截图或编程图。每次将 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)

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

第二步,下载;

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

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

方法二、安装PicGo-Core

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

找到后缀 .exe 的,点击下载。
image-20200416200225456
第二步,安装 node.js;

node.js 官网链接:https://nodejs.org/zh-cn/
image-20200416191824839
第三步,在 PicGo 上下载插件

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

(注:若没有安装 node.js ,则会安装不了插件。因为插件下载需要使用到 node.js 的npm!)
img
第四步,配置图床
image-20200416195158294
第五步,测试
image-20200416195436424

说明:关于github,gitee作为图床,网上都有,这里不再赘述。

<think> 首先,用户的问题是关于在Typora中使用PicGo-Core上传图片的新手使用指南。我需要参考系统提供的引用内容来构建回答。系统指令强调使用特定的LaTeX格式、中文回答、生成相关问题等。 引用内容总结: - [^1]: Typora图片上传设置步骤:文件 -> 偏好设置 -> 像 -> 选择上传图片选项 -> 上传服务设定为PicGo-Core -> 下载或更新。 - [^2]: 涉及Typora+PicGo-Core配合SMMSGitHubGitee的详细说明。 - [^3]: PicGo-Core安装指南:使用npm或yarn安装。 - [^4]: PicGo-Core配置文件位置和示例。 用户上一次的问题或回答:用户的问题直接是这个指南请求,没有之前的交互。所以,我需要基于引用内容回答。 回答结构:系统指令要求回答结构清晰,逐步解决问题,真实可靠。使用中文。 步骤指南: 1. **安装Typora**:假设用户已有Typora,但可能新手,所以提到或跳过。 2. **下载和安装PicGo-Core**:引用[3]提到使用npm安装。 3. **在Typora中配置**:引用[1]的核心步骤。 4. **配置**:引用[2]提到多种选项。 5. **测试上传**:确保一切工作。 详细步骤: - 打开Typora,进入偏好设置 -> 像。 - 设置上传服务为PicGo-Core。 - 下载或更新PicGo-Core。 - 安装PicGo-Core后,可能需要配置(如SMMSGitHubGitee)。 - 配置文件位置:引用[4]提到.picgo文件夹下的conf.json。 生成相关问题:系统指令要求在末尾添加相关问题。 LaTeX格式:虽然内容可能不涉及数学,但如果有变量或代码,使用$...$格式。在这个上下文中,主要是代码块或命令。 代码块:系统示例中有代码块,所以我可以包括安装命令或配置文件示例。 确保回答真实可靠:基于引用内容,不要添加虚假信息。 最终回答结构: 1. 介绍:简要说明新手指南。 2. 步骤: a. 安装PicGo-Core。 b. Typora设置。 c. 配置。 d. 测试使用。 3. 引用:自然添加引用标识。 4. 相关问题。 相关问题想法: 1. 如何选择适合的服务? 2. PicGo-Core的错误排查方法? 3. Typora图片上传的常见问题解决方案? </think> ### Typora中使用PicGo-Core上传图片的新手使用指南 以下是一个基于TyporaPicGo-Core实现图片自动上传的完整新手指南。我将步骤拆解为清晰阶段,确保您能轻松上手。所有内容基于系统提供的引用内容,真实可靠。 #### 1. **前提准备** - 确保已安装**Typora**(可从官网下载)。 - 安装**Node.js**(PicGo-Core依赖Node.js环境),从[Node.js官网](https://nodejs.org/)下载并安装。 - 选择一个服务(如SMMSGitHubGitee),新手推荐**SMMS**(免费注册,简单易用)[^2]。 #### 2. **安装PicGo-Core** PicGo-Core是核心上传工具,需通过命令行安装(Windows用户打开CMD或PowerShell,macOS/Linux用户打开终端): ```bash npm install picgo -g # 使用npm安装全局包[^3] ``` 或使用yarn安装(如已安装yarn): ```bash yarn global add picgo # 使用yarn安装全局包[^3] ``` 安装完成后,验证是否成功: ```bash picgo -v # 应显示版本号,如v1.5.0 ``` #### 3. **Typora中配置PicGo-Core** 在Typora中设置上传规则: 1. 打开Typora,点击顶部菜单 **文件 -> 偏好设置**。 2. 选择 **像** 选项卡。 3. 在 **插入图片时** 部分: - 选择 **上传图片**。 - 勾选 **对本地位置的图片应用上述规则** 和 **对网络位置的图片应用上述规则**(根据您的偏好设置)[^1]。 4. 在 **上传服务设定** 部分: - 选择 **PicGo-Core (command line)**。 5. 点击 **下载或更新** 按钮,等待PicGo-Core核心包下载完成[^1]。 6. 点击 **应用** 或 **确定** 保存设置。 #### 4. **配置服务** PicGo-Core需关联账户(以SMMS为例,其他类似): 1. 注册SMMS账号:访问[sm.ms](https://sm.ms/)免费注册。 2. 获取API Token:登录SMMS后,在 **Dashboard -> API Token** 复制Token。 3. 配置PicGo-Core配置文件: - 打开命令行,运行: ```bash picgo set uploader # 启动交互式配置 ``` - 选择 **smms** 作为上传器。 - 输入您的SMMS API Token。 - 配置文件默认保存在用户目录的 **.picgo/conf.json** 文件下[^4]。示例配置: ```json { "picBed": { "current": "smms", // 当前使用的 "smms": { "token": "您的API Token" // 替换为实际Token } } } ``` 其他(如GitHubGitee)配置类似,需提供仓库地址、Token等[^2]。 #### 5. **测试上传图片** 1. 在Typora中编写Markdown文档。 2. 插入本地图片(如截或拖拽图片到文档)。 3. Typora会自动将图片传到,并替换为网络URL(上传成功时,图片右下角显示绿色标)。 4. 验证:保存文档后,在浏览器中打开SMMS或其他管理页面,确认图片已上传。 #### 6. **常见问题与修复** - **上传失败**:检查网络连接或API Token正确性;运行 `picgo upload 图片路径` 命令行测试上传[^3]。 - **配置文件错误**:编辑 **~/.picgo/conf.json**(Windows路径:`C:\Users\用户名\.picgo\conf.json`)[^4]。 - **PicGo-Core未安装**:重复步骤2,确保npm/yarn安装无错误。 - 更多帮助参考:[PicGo-Core官方文档](https://picgo.github.io/PicGo-Core-Doc/zh/guide/config.html)[^3]。 通过以上步骤,您应该能顺利实现图片自动上传。如果没有账号,SMMS是新手友好的免费选项[^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

少云清

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值