图片上传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
填写如下配置信息,然后Create创建仓库
2. 获取GitHub token值
点击右上的头像,选择设置Setting
点击选择Developer settings
点击 Generate New token
填写如下配置信息,只要勾选repo选项即可,然后页面拉到底部点击Generate token 即可
此时会跳转到带有token的页面,将token值复制记录下来,之后用PicGo绑定GitHub图床时会利用到
3. PicGo 配置
绑定GitHub图床
首先下载安装好PicGo软件,然后在右列表找到GitHub图床配置
- 注意:自定义域名https://cdn.jsdelivr.net/gh/仓库名
4Typora配置
- 点击Typora左上角的
文件
->偏好设置
- 在弹出的界面中定位到图像,选择插入图片时选项为上传图片,并勾选
对网络位置的图片应用上述规则
- 设置完成如图所示
- 选择上传服务为
PicGo(app)
,点击验证图片上传
选项,如果出现如下图所示界面,说明配置已成功,然后你就可以直接在Typora中插入图片了,Typora会自动上传并替换图片地址为网络地址。