..

使用github+picGo+Typora解决网页图片插入问题

利用图床可以完美解决markdown文件图片插入的问题,使用github的免费空间储存图片,结合picGo自动上传功能,可以算的上一个完美的图床方案

一.github配置

1.1 创建一个新仓库用于图片储存

点击新建一个仓库

image-20221211162922275

  • 给仓库填写名称

  • 勾选以下两个选项选项

  • 点击绿色按钮创建

image-20221211163006163

1.2 获取Token用于pic访问github

打开github设置

image-20221211163138004

  • 找到设置中Developer settings选项

  • 点击personal access tokens

  • 点击token (classic)

  • 点击Generate new token

  • 点击Generate new token (classic)

image-20221211170538678

  • 填写名称

  • 选择时间

  • 勾选ropo选项

  • 最后点击绿色按钮Generate token 新建

image-20221211171349800

复制生成的token值

token值只显示一次,注意保存.

二. picGo配置

2.1 下载picGo并安装

picGo下载地址

2.2 配置picGo
  • 打开picGo软件
  • 点击图床设置
  • 点击｀github
  • 仓库名：[github用户名]/[第一步新建的仓库名称]
  • 分支：默认master，从2020.10.01开始，github的默认分支名变更为main
  • 设定token：第一步创建的token
  • 指定存储路径：可填可不填，如果填写了，图片就会存储在img文件夹下
  • 设定自定义域名：https://cdn.jsdelivr.net/gh/[github用户名]/[仓库名]@main，注意，此处的分支一定要填写@main

image-20221211172620843

三. Typora配置

3.1 下载Typora并安装

下载地址

3.2 配置Typora中上传功能

上传服务设定为PicGo(app)

设定路径

点击验证图片上传选项,测试上传功能

image-20221211175415437

3.3 配置PicGo-Server

将监听地址设为:127.0.0.1

监听端口设为36677

image-20221211180220592

配置完成之后,每次在Typora中插入图片,可转为图床中的地址,从而解决markdown文件,图像插入的问题