[工具] PicGo + smms 构建图床

文章目录

  • [工具] PicGo + smms 构建图床
    • 2020.07.02更新
      • 下载PicGo 2.3.0-beta.0
      • 获取API Token
      • PicGo中设置sm.ms图床
    • PicGo
      • 为什么需要图床
      • 为什么选择PicGo
      • PicGo下载
    • smms
    • PicGo图床设定为smms
      • 下载smms-user插件
      • 下载nodejs
      • 设置环境变量
      • 安装smms-user插件到PicGo
      • PicGo设置smms的token

2020.07.02更新

sm.ms开始支持API version 2,下面的之前写的很多都不能用了。这里在更新一下API version 2下的设置。

下载PicGo 2.3.0-beta.0

PicGo 2.3.0-beta.0

Windows要下载.exe文件。

获取API Token

PicGo中设置sm.ms图床


Here we are!

PicGo

为什么需要图床

使用markdown一直有一个不太舒服的点,就是图片保存的问题。markdown不像word那样可以直接保存图片,而是将图片本地会单独存放,以链接的形式插入在markdown中。

这样就带来两个问题:

  1. 如果本地图片丢失或者位置变动,图片就挂了。

  2. 当将markdown文件上传到网站的时候(比如CSDN),由于网站无法读取你本地的文件,上传的markdown中的图片也会挂掉。

    这时候你就要一个一个上传图片。图片少了还好说,图片多了就火葬场了。

一个解决办法是使用一个图床。也就是把图片上传到其他服务器,获得一个链接,然后插入markdown中。这样markdown文件读取的就是服务器的图片,而不是本地的图片了。

使用smms只能解决上面提到的第一个问题(即本地图片丢失或者位置变动,图片就挂了)。对于第二个问题,smms存在防盗链机制,上传markdown依旧会挂掉

为什么选择PicGo

我将PicGo视为图床的接口,或者说是一个图形界面。

既然如此,我希望这个界面简介,功能就好了。

功能包括:

  • 设置不同的图床
  • 返回的链接格式(直接返回到剪贴板)
  • 上传图片(拖拽上传、剪贴板上传)

另外,可以通过设置快捷键,来快速上传图片到图床:

PicGo下载

GitHub:PicGo


smms

官网地址:https://sm.ms

永久存储,图片链接支持https,可以删除上传的图片,提供多种图片链接格式。

每个图片最大5M,单次最多上传10张 。


PicGo图床设定为smms

下载smms-user插件

要下载一个插件:picgo-plugin-smms-user

在PicGo软件中下载比较慢,建议通过GitHub将项目clone。

clone之后得到picgo-plugin-smms-user文件夹:

下载nodejs

要下载nodejs,否则安装插件运行npm install ./picgo-plugin-smms-user时会出现如下报错:

'npm' 不是内部或外部命令,也不是可运行的程序

下载nodejs的网址是:http://nodejs.cn/download/

设置环境变量

下载完毕nodejs之后,要设置环境变量,在Path中加入路径C:\Program Files\nodejs(注:此路径为安装路径,可变)。

更改环境变量见:设置Python环境变量-Windows10

注意:设置好环境变量后要重启计算机。

安装smms-user插件到PicGo

将clone之后得到的picgo-plugin-smms-user文件夹放到PicGo的安装路径下:

双击进入该文件,shift+右键,进入PowerShell,输入命令npm install ./picgo-plugin-smms-user即可。

PicGo设置smms的token

进入该网址,获取 Secret Token

将生成的Secret Token复制到PicGo中:

[工具] PicGo + smms 构建图床相关推荐

  1. github+picGo+jsDelivr构建图床

    文章目录 前言 七牛云图床吐槽 配置 github 图床 PicGo 配置 jsDelivr 其他 Imagine staticaly 与 githack staticaly githack 前言   ...

  2. Picgo配置Bilibili图床

    Picgo 配置Bilibili 图床 picgo-plugin-bilibili 为 PicGo 开发的一款插件,新增了B站图床 图床. 使用用户动态的图片上传API.填写SESSDATA即可,获取 ...

  3. 群晖+picgo搭建私有图床

    群晖+picgo搭建私有图床 一.前言 前些天整理了一篇picgo+github搭建图床的教程,可以看这里:如何在Markdown中插入图片并顺利共享 但后续使用的时候遇到了两个问题,一是之前使用的M ...

  4. 使用PicGo+Gitee做图床

    title: 使用PicGo+Gitee做图床 date: 2021-10-22 23:22:52 tags: 图床 图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用 ...

  5. 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床

    ​ 本文是博客搭建系列文章第五篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...

  6. Github+PicGo+Jsdelivr 免费图床

    Github+PicGo+Jsdelivr 免费图床 文章目录 Github+PicGo+Jsdelivr 免费图床 解决github 访问慢的问题 Host s 的简介 Hosts 的作用 Host ...

  7. 使用Github和PicGO搭建免费图床

    使用Github和PicGO搭建免费图床 一.新建Github仓库和安装PicGo 二.设置PicGo 三.设置Typora 文章目录 使用Github和PicGO搭建免费图床 前言 一.新建Gith ...

  8. 七牛云和Github如何使用PicGo设置免费图床

    七牛云和Github如何使用PicGo设置免费图床 为了使图片在博客中能够不需要本地存储,直接用云盘存储 图床 很好的解决了这一问题! 免费的图床有很多,如七牛云\又拍云\SM.MS\github等, ...

  9. 又是白嫖Gitee的一天,PicGo+Gitee搭建图床,用过的都说真香!!!

    文章目录 什么是图床? 创建Gitee仓库和私人令牌 配置PicGo 测试图床 为Typora配置图床 验证上传 CSDN独家福利降临!!! 尾言 什么是图床? 图床是干什么的?图床一般是指储存图片的 ...

最新文章

  1. “刚毕业1年,做Python能挣多少?”网友:吹的不多..
  2. 一个链接orcal的标准链接方法
  3. android自定义xml弹窗,Android自定义弹窗提醒控件使用详解
  4. HDU2819Swap(二分图最大匹配)
  5. [RHEL5企业级Linux服务攻略]--第9季 Squid服务全攻略之高级配置
  6. 科大星云诗社动态20201130
  7. Asp.net mvc 添加Jquery UI
  8. 经典论文复现 | 基于深度卷积网络的图像超分辨率算法
  9. 高考前几天我们应该干什么?
  10. 初识Mysql(part1)--我需要知道的基本概念
  11. 2021年Q2服饰行业季度洞察报告
  12. JavaScript进阶学习(二)—— 基于原型链继承的js工具库的实现方法
  13. linux java gc_Java GC机制及相关
  14. channelinboundhandler中都包含了哪一类的方法_标准气体的分类类别与相关气体配置方式方法...
  15. 阶段3 2.Spring_01.Spring框架简介_01.spring课程四天安排
  16. python爬取谷歌图片_Python 爬取谷歌街景图片
  17. 2020中级会计师考试教材
  18. 商品模块的业务流程图
  19. python读取加密word_Python-使用zipfile读取受密码保护的Word文档
  20. 应用程序清单 Manifest 中各种 UAC 权限级别的含义和效果

热门文章

  1. python一对一视频教学-使用Python的Tornado框架实现一个一对一聊天的程序
  2. python和java哪个好学-Java VS Python 应该先学哪个?
  3. Linux下科大讯飞语音识别全面总结
  4. 登量子位“AI领航企业榜单”,联想用实力说话
  5. 单片机如何在一数据包前加标识呢_单挑Google面试官,一上来就问我Chrome底层原理和HTTP协议(万字长文)...
  6. matlab simout,每日学习Matlab(2)
  7. nvm切换node版本的命令
  8. 【链表】剑指offer:反转链表
  9. jni开发-GetMethodID与CallObjectMethod的坑
  10. FFmpeg源代码简单分析:avformat_alloc_output_context2()