PicGo图床搭建

1.PicGo安装

根据PicGo官方文档进行下载安装即可，根绝个人喜好下载相应版本，建议下载稳定版。

1.1提供的Windows下载地址

2.使用B站搭建图床

PicGo中搜索插件bilibili并进行安装，浏览器中打开 哔哩哔哩动画，如果你和我一样使用的是chrome系浏览器（Edge），按住Fn+F12或者F12（具体打开方式可以百度），或者鼠标右键点击页面任意位置后选择检查元素调出开发者工具，点击加号选择应用程序，选择cookie，bilibili，找到SESSDATA对应的值进行复制，回到picgo然后填入相应的SESSDATA值，将bilibili设置为默认图床，打开Typora,按住Ctrl+逗号调出偏好设置,按照下图进行设置。PicGo路径选择你自己安装的路径即可，最后选择验证图片上传选项，弹出成功的提示，大功告成！

image-20221016034415866

2.1补充

本人博客搭建使用了Hexo框架+Aurora v1.5.5 主题，为正常在博客中显示图片，需要在_config.aurora.yml文件中找到injects，替换为如下部分：

1
2
3
4
injects:
  scripts:
  css:
    - <meta name="referrer" content="no-referrer">

当然如果你在injects已经有别的内容，建议直接增加标签即可，注意格式对齐。

3.使用GitHub搭建图床

请保证已经注册一个GitHub账号并且能够正常访问GitHub。首先新建一个仓库用来存放相应的图片，仓库名可以任意取一个你喜欢的名字。

3.1GitHubTokens生成

  • 登录进入Github首页
  • 点击右上角的头像，选择【Settings】
  • 进入Settings后，点击左侧下方的【Developer settings】
  • 网页跳转后，选左边的【Personal access tokens】，点击【Generate a personal access token】
  • 【Note】里填写为什么创建这个Token，可随意填写，下方勾上【repo】即可
  • 然后会生成一条Token信息，生成的Token只会出现一次，记得复制保存。

image-20221016041643195

3.2PicGo设置

打开运行PicGo，左侧打开【图床设置】，选择【GitHub图床】。
参数设置说明：

  • 仓库名：表示远程仓库地址，固定格式 Github用户名/仓库名，前期准备用到的仓库（注意：仓库名不能有空格，如果有空格需要使用-代替）
  • 分支名：表示分支，默认填入master，需要根据自己Github上的分支进行填写，看个人设置
  • Token：填入Github中生成的Token，就是让复制保存的那个
  • 存储路径：可以自定义一个文件路径
  • 自定义域名：建议使用https:cdn.jsdelivr.net/gh/Github用户名/仓库名
    最后记得【设为默认图床】

image-20221016043322552

3.3验证图片上传

在Typora偏好设置的那个界面，点击左下的【验证图片上传选项】，一般还会出现以下三种情况：

  • Failed to fetch
    • 解决办法：打开【PicGo设置】，点击【设置Server选项】，将端口改为【36677】端口，这是PicGo推荐的默认端口号，然后保存，成功。
  • “success”:false
    • 解决方法：打开【PicGo设置】，将【时间戳重命名】打开
  • 如果报服务端错误解决方法
1
2
3
注意：
分支名：由master改为main
自定义域名：https://cdn.jsdelivr.net/gh/用户名/仓库名

参考链接:

Bilibili获取SESSDATA · 语雀 (yuque.com)

Typora使用github图床