base64+markdown 或 picgo + github + markdown构建图床永久保存图片到typro

图片上传Markdown永久保存

一、base64码保存

• ！ + 【avatar】 + 【1】Typewriter Mode 已开启。
• 【1】：data:image/png;base64, base64码
• 优点： 真正意义上的永久保存
• 缺点： 生成的base64码体量太大，加载容易卡顿，且不美观

优点： 真正意义上的永久保存
用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。

1. - 基础用法：
   ![avatar](data:image/png;base64,iVBORw0......)
   这个时候会发现插入的这一长串字符串会把整个文章分割开，非常影响编写文章时的体验。如果能够把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。

2. - 高级用法
   比如：

- ![avatar][base64str]

- [base64str]: data:image/png;base64,iVBORw0......

二、github + picgo(构建图床)

1. 创建GitHub图床仓库

首先需要有一个登录GitHub的账号，没有的话去GitHub官网注册一个

创建一个新的图床仓库，点击右上角的New repository

image-20201220170658005

填写如下配置信息，然后Create创建仓库

1

2. 获取GitHub token值

点击右上的头像，选择设置Setting

2

点击选择Developer settings

3

点击 Generate New token

generate_token

填写如下配置信息，只要勾选repo选项即可，然后页面拉到底部点击Generate token 即可

4

此时会跳转到带有token的页面，将token值复制记录下来，之后用PicGo绑定GitHub图床时会利用到

5

3. PicGo 配置

绑定GitHub图床

首先下载安装好PicGo软件，然后在右列表找到GitHub图床配置

• 注意：自定义域名https://cdn.jsdelivr.net/gh/仓库名

6

4Typora配置

• 点击Typora左上角的文件->偏好设置
• 在弹出的界面中定位到图像，选择插入图片时选项为上传图片，并勾选对网络位置的图片应用上述规则
• 设置完成如图所示

typora_插入图片设置

• 选择上传服务为PicGo(app)，点击验证图片上传选项，如果出现如下图所示界面，说明配置已成功，然后你就可以直接在Typora中插入图片了，Typora会自动上传并替换图片地址为网络地址。

ty_success