Picgo+Typora+图床配置

​ 由于每次写学习笔记都会有相应的图片。之前有使用过阿里云的OSS。使用起来也是相当不错的，但是OSS是收费的。其付费模式可以包月，也可以按访问流量来付费，虽然便宜，但是对于还在学习的小伙伴来说也是没必要的。使用免费的图床也可以实现相同的功能。比如sm.ms图床，有免费版本和付费版本，免费容量是5G。访问速度来说也还算是OK。所以本次配置的图床选择sm.ms。

​ 写这篇配置教程的目的是，将自己以前的学习做一个记录，就是想帮助一下更多的，想要实现相同功能的朋友。其次也是帮助一下特别好的朋友配置图床。

一、Picgo

Picgo简介：

  1. 应用概述：一个用于快速上传图片并获取图片 URL 链接的工具。

  2. picgo本身支持：七牛图床 v1.0、腾讯云 COS v4\v5 版本 v1.1 & v1.5.0、又拍云 v1.2.0、GitHub v1.5.0、SM.MS V2 v2.3.0-beta.0、阿里云 OSS v1.6.0、Imgur v1.6.0等。还可以通过插件扩展其他图床。

  3. 应用界面：

    image-20241020140658220

Picgo安装配置：

  1. 下载地址： https://github.com/Molunerfinn/PicGo ，或者选择其他镜像源下载也可。下载已经打包好的exe程序，安装直接点击exe可执行程序，点击下一步即可。

  2. 下载完成后。配置sm.ms图床。配置sm.ms图床前需要注册图床的账户。图床地址 https://smms.app/ 。

    这里使用picgo-plugin-smms-user插件，插件下载地址 https://github.com/xlzy520/picgo-plugin-smms-user 。可以使用git或者直接点击下载压缩包。

    • 在线安装直接在插件设置界面搜索：smms-user安装，安装完成后重启应用

    • 离线安装，下载插件包，将插件包移动到picgo的安装目录下执行以下命令。这里使用本地插件导入的方式使用。

    1
    npm install ./picgo-plugin-smms-user

    image-20241020142806786

  3. 安装使用导入本地插件的方式如上图。导入后就会在《插件设置》菜单显示。

  4. 点击插件的设置按钮，选择最后一项《配置uploader-smms-user》配置smms-user的auth值，auth通过smms官网的API-Token获取即可。

    image-20241020145626017

  5. 配置完成后在《上传区》图片上传勾选SM.MS-登录用户就完成了picgo和sm.ms的配置。和上述picgo简介应用图片位置一致。将图片拖入相应位置就可以直接将图片上传到sm.ms图床上了。登录 https://smms.app/ 即可查看。

  6. 对于picgo的其他配置可以在设置模块查看，建议开启上传前重命名功能。此项功能方便以后管理sm.ms图床的图片。

二、Typora

功能需求：

将typora笔记中的图片，利用picgo工具直接上传到sm.ms图床上并返回图片地址供typora笔记所使用。

Typora配置：

Typora本软件不再做介绍，直接给出配置步骤。

  1. 点击菜单栏的《文件》选项。
  2. 选择《偏好设置》。
  3. 选择《图像设置》，插入图片时->上传图片。
  4. 勾选☑️对本地位置的图片应用上述规则。
  5. 上传服务选择Picgo(app)
  6. picgo的路径选择picgo的安装路径中的picgo.exe可执行程序即可如下图。

image-20241020151951062

完成以上的配置，你的typora就实现了插入图片自动上传到smms的图床的功能啦。🎉🎉🎉

三、扩展

当然你也可以使用其他的图床或者是云存储的服务。大部分的云存储服务都是收费的，比例***阿里云OSS，腾讯云COS，七牛云，又拍云等，可以根据自己的经济情况选择一款云存储服务，当然用免费的不是更好吗。毕竟白嫖的就是香，但是便宜的免费的可能会面临就是服务提供商跑路***了，图片就可能找不到。选择大厂的虽说付费，也不算太贵不是。至少不太可能出现跑路的情况。

这里以又拍云，和缤纷云为例。

这里没有广告！没有广告！没有广告！重要的事情说三遍。

又拍云

  1. 登录又拍云官方网站，注册账号。

  2. 进入又拍云控制台，在云服务列表，创建服务。服务名称就是bucket。在后续picgo配置中会使用到，应用场景-填写网页图片，存储类型-选择标准类型，这里授权账号可以先不授权。也可以直接授权已有的操作员，或者新建授权操作员。然后点击下方的创建。服务创建完成后，点击进入配置。

    image-20241020162956667

  3. 在功能配置的域名管理模块，域名加速模块绑定域名。这里注意，在绑定域名时，域名需要备案，不然审核不通过，然后去域名提供商网站增加域名解析记录。这里以阿里云为例。

    • 在域名解析控制台，点击已有的域名进入解析设置。

    • 点击添加记录，记录类型选择***CNAME***。CNAME的意思是从一个域名指向另一个域名，主机记录值可以随意填写，如下图表示的内容。一般来说设置二级域名更加合适。

    • 解析请求来源设置默认即可。

      记录值填写在又拍云云存储服务的CNAME就可以了。该值的查找方式，又拍云控制台->云存储服务->服务管理 云存储（在该页面中点击服务名称）->域名管理页面的CNAME。

    image-20241020165402733

  4. 存储管理模块的操作员授权。点击授权按钮，有操作员就直接勾选☑️，没有操作员的点击新建授权操作员。输入操作员名称，密码项只能点击系统生成。生成完成后复制该密码，保存起来后续在配置picgo中使用。然后权限勾选☑️可读取，可写入，可删除。根据实际用途勾选权限。点击创建即可，如下图。

    image-20241020164210706

  5. 完成上述步骤，你的又拍云云存储服务就创建好了。🎉🎉🎉

Picgo配置：

  1. 在picgo的界面找到图床设置。在图床设置中选择又拍云配置。
  2. 在又拍云的设置界面填写相关的配置即可。
  3. 设定Bucket,这里的bucket就是前面创建的云存储服务的名称。
  4. 设定操作员就是你给云服务授权的操作人名称
  5. 设定操作员密码，这个密码就是在创建操作员的时候生成的密码。
  6. 设定加速域名，该项值是在又拍云控制台->云存储服务->服务管理 云存储（在该页面中点击服务名称）->域名管理页面的加速域名
  7. 设定网址后缀（选填），可以不填不影响使用。
  8. 设定存储路径，就是你在bucket(云存储服务)中的文件夹路径。也可以不填，这样图片会上传到你的bucket的根目录下。
  9. 完成以上设置以后，点击保存，在上传区域选择又拍云。就可以完成图片通过picgo上传又拍云云存储了。
  10. 这时在typora写文章图片同样也会上传又拍云。

缤纷云

  1. 注册登录缤纷云。

  2. 在对象存储中创建一个bucket。

  3. 由于缤纷云是兼容 Amazon AWS S3协议的，所以可以使用picgo的 picgo-plugin-s3 插件，直接在插件设置中搜索s3安装就行了。

  4. 配置s3插件，配置项如下：

    image-20241212093101335

    在缤纷云的对象存储下的AccessKey中创建子用户，会自动生成Access Key和Secret Key的值。用户创建完成，需要给子用户设定权限。根据需要分配即可。

    应用密钥ID：Access Key的值

    应用密钥：Secret Key的值

    桶名：如实填写即可

    地区和自定义节点可以在桶信息去查看如下。需要在服务端点地址前加上https:// 前缀填入自定义节点

    image-20241212095436618

    上传文件路径：{year}/{month}/{md5}.{extName}（默认上传到桶的文件路径，格式如下：)

    attr desc
    {year} 当前日期 - 年
    {month} 当前日期 - 月
    {day} 当前日期 - 日
    {md5} 图片 MD5 计算值
    {extName} 原图片文件的扩展名
    {fullName} 完整文件名，含扩展名
    {fileName} 文件名，不包含扩展名
    {sha1} 图片 SHA1 计算值
    {sha256} 图片 SHA256 计算值

完成上述操作，picgo就可以上传缤纷云了。

其他云存储服务和图床的配置基本上大致相同。这里就不展开描述了。后续可能会添加其他的免费的图床配置的内容。