使用Picgo+Github图床+Typora实现Markdown笔记
Markdown是一种纯文本格式的标记语言。通过Markdown语法写文档格式比较清晰,而且是纯文本格式,很适合做版本控制。
使用Markdown一直有个比较大的问题,就是图片插入和显示问题,如果图片使用相对路径只能在本地显示,要发布到博客等网络上,图片必须是外网可以访问的路径,因此需要把图片提前上传到图床上,然后使用图床中的图片地址。
找了一圈之后发现Picgo能很好的解决这个问题,使用picgo把图片上传到图床上,然后在Markdown文件引用即可。
下载Picgo工具
Picgo下载地址(选择最新版本即可,github使用amazonaws存储文件,所以下载速度一般比较慢):
https://github.com/Molunerfinn/PicGo/releases
下载慢可以尝试地址:https://download.csdn.net/download/fugary/12202829
Picgo支持的图床
Picgo有很多插件,除了Typora直接Picgo之外外,还有其他第三方插件(Awesome-PicGo),如支持vscode的vs-picgo等
https://github.com/PicGo/Awesome-PicGo
https://github.com/PicGo/vs-picgo
上传图片界面:
创建github图床
现在很多人都是用github来存储笔记Markdown格式的笔记,博客等,在本地编辑好之后push到github保存,github被微软收购之后支持不限量免费私有工程,用的人越来越多。
添加Github共有仓库
注意作为图床的仓库必须为Public,否则访问有问题的。
创建访问github的私有Token
这个Token用于提交图片相关,需要配置到Picgo
- 进入账户的settings
- 进入Developer settings
- 下一步
- 新建access token
- 创建完成
配置Picgo的Github图床
Picgo中需要配置Github的图床信息,需要用到上面Github的access token,这个token是上传图片必须的。
配置Access Token和域名
存储路径可以自己定义子目录,默认是根目录下
然后需要把GitHub设置成默认图床,方便后面Typora自动引用此配置。
设定自定义域名
注意:这个设定自定义域名比较重要,默认情况下github使用https://raw.githubusercontent.com作为域名,但是github的这个路径不是很稳定,而且很容易被墙,最近似乎已经完全被墙了。
这里需要使用另外的cdn路径,我目前使用的是jsdelivr,它支持作为很多开源仓库的cdn,github的cdn地址是:https://cdn.jsdelivr.net/gh/,后面跟上用户名和仓库名。
其他配置
建议把上传文件自动改名字配置上,加上时间戳,比较通用。
安装和配置Typora
Typora是强大的跨平台文本编辑器,对Markdown语法支持很好。
下载Typora
Typora下载地址:https://typora.io/
配置Typora
在【偏好设置】中图像标签配置:
配置完成之后,插入图片时选择本地路径的图片时可以自动上传并把url替换上去。
不过由于github并不是十分稳定,有时候可能出现上传失败的情况,可以尝试多试几次,或者稍后再试,目前没有发现什么好的解决方案。