生产力工具

使用Picgo+Github图床+Typora实现Markdow

2020-03-01  本文已影响0人  Gary的个人空间

使用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支持的图床

Picgo有很多插件,除了Typora直接Picgo之外外,还有其他第三方插件(Awesome-PicGo),如支持vscode的vs-picgo等

https://github.com/PicGo/Awesome-PicGo

https://github.com/PicGo/vs-picgo

上传图片界面:

image

创建github图床

现在很多人都是用github来存储笔记Markdown格式的笔记,博客等,在本地编辑好之后push到github保存,github被微软收购之后支持不限量免费私有工程,用的人越来越多。

添加Github共有仓库

注意作为图床的仓库必须为Public,否则访问有问题的。

创建github仓库

创建访问github的私有Token

这个Token用于提交图片相关,需要配置到Picgo

  1. 进入账户的settings
image
  1. 进入Developer settings
image
  1. 下一步
image
  1. 新建access token
image
  1. 创建完成
image

配置Picgo的Github图床

Picgo中需要配置Github的图床信息,需要用到上面Github的access token,这个token是上传图片必须的。

配置Access Token和域名

image

存储路径可以自己定义子目录,默认是根目录下

然后需要把GitHub设置成默认图床,方便后面Typora自动引用此配置。

设定自定义域名

注意:这个设定自定义域名比较重要,默认情况下github使用https://raw.githubusercontent.com作为域名,但是github的这个路径不是很稳定,而且很容易被墙,最近似乎已经完全被墙了。

这里需要使用另外的cdn路径,我目前使用的是jsdelivr,它支持作为很多开源仓库的cdn,github的cdn地址是:https://cdn.jsdelivr.net/gh/,后面跟上用户名和仓库名。

其他配置

建议把上传文件自动改名字配置上,加上时间戳,比较通用。

image

安装和配置Typora

Typora是强大的跨平台文本编辑器,对Markdown语法支持很好。

下载Typora

Typora下载地址:https://typora.io/

配置Typora

在【偏好设置】中图像标签配置:

image

配置完成之后,插入图片时选择本地路径的图片时可以自动上传并把url替换上去。

不过由于github并不是十分稳定,有时候可能出现上传失败的情况,可以尝试多试几次,或者稍后再试,目前没有发现什么好的解决方案。

上一篇下一篇

猜你喜欢

热点阅读