Typore+PicGo+GitHub图床搭建

简介: Typore+PicGo+GitHub图床搭建

网上很多教程都不是很详细,有时候按照操作步骤上传图片失败,排查一个bug要百度半天,所以还是决定自己把过程记录一下。

前提:

  • 已有GitHub账号(没有的自行注册)
  • 电脑上已安装好Typora软件(免费版本好像用不了了,现在都是正式版)

Step1:下载并安装PicGo

找到适用win、mac或者linux系统的对应版本,win系统的是.exe结尾的文件,可以先到电脑设置里看下自己电脑是32位还是64位的,下载对应的文件即可。

安装打开后的界面如下:

Step2:建立GitHub仓库

  1. 进入GitHub,登录账号,进入工作台,依次点击+号,创建新仓库:
  2. 挨个设置仓库名称、是否公开,把创建readme文件那个复选框勾选上:

    OK,仓库创建完成。

Step3:获取仓库token

  1. 右上角下拉框点击settings
  2. 右侧拉到最下,点击developer settings

  3. 依次点击personal tokengenerate new token

  4. 设置token名字、有效期等,记得要把repo那个复选框勾上:

  5. 复制并保存这个token备用:

Step4:配置PicGo

  1. 配置GitHub图床:

    注意:一定要选择设为默认图床,因为PicGo的默认图床是SM.MS图床,没有将GitHub设为默认的话会报错。
  2. 修改PicGo部分设置,建议把“时间戳重命名”和“上传后自动复制URL”这两个功能打开:
    注意:有些人可能会无意识地把同一张本地图片上传很多次,而GitHub时不允许同名文件出现的,如果未勾选“时间戳重命名”的功能,后期很有可能经常上传失败,对小白及其不友好。

Step5:Typora图床配置

  1. 打开Typora,找到“文件——偏好设置——图像”,依次设置插入图片时的操作和上传服务设定:
  2. 最后点击“验证图片上传”选项,显示验证成功即表示配置完成
    最后可以进入GitHub看下图片有没有成功上传。

附:上传失败的解决方案

要学会看PicGo日志,上传失败报错时,查看日志文件通常可以获得一些无法百度出来的线索。

依次点击“PicGo设置——设置日志文件——点击打开”即可查看日志文件,下边的日志记录等级也可以自定义设置,默认“全部“记录,我一般习惯只让它记录”error“和”warning“两个类型。

  1. 未设置默认图床时的报错日志文件:
  2. 文件夹有同名文件时候的报错日志文件(忘记截图了,这个时网上的图):
  3. 网络不佳上传超时的报错日志文件:
相关实践学习
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
目录
相关文章
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
1087 1
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
751 3
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
1704 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
github图床链接打开提示raw.githubusercontent.com无法访问解决
812 0
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
263 0
如何利用 Github 搭建自己的免费图床?
如何利用 Github 搭建自己的免费图床?
1554 0
如何利用 Github 搭建自己的免费图床?
|
8月前
|
JSON Kubernetes 安全
找到啦,我们已上车,Github 27000+ star,研发团队必备开源工具项目,真丝滑!!!
Trivy 是一款高效灵活的开源安全扫描工具,支持容器镜像、文件系统、Kubernetes 等多目标扫描,具备快速、易用、集成性强等特点,适用于 DevSecOps 全流程安全检测。
315 0
|
7月前
|
人工智能 JavaScript 前端开发
Github 2024-10-28 开源项目周报 Top15
本周GitHub热门项目涵盖Svelte、Open Interpreter、PowerShell等,涉及Web开发、AI助手、自动化工具等领域,Python、JavaScript为主流语言,展现开源技术活跃生态。(239字)
715 19
|
7月前
|
人工智能 JavaScript 前端开发
Github 2024-11-04 开源项目周报 Top14
本周GitHub热门项目涵盖屏幕截图转代码、网页监控、低代码开发等。Python与TypeScript主导,亮点项目包括AI生成代码工具、开源社交应用Bluesky及机器人框架LeRobot,展现AI与自动化技术的快速发展趋势。
397 15