使用Picgo+Github图床+Typora实现Markdown笔记

使用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+Github图床+Typora实现Markdown笔记

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

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

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

上传图片界面:

使用Picgo+Github图床+Typora实现Markdown笔记

创建github图床

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

添加Github共有仓库

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

使用Picgo+Github图床+Typora实现Markdown笔记

创建访问github的私有Token

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

  1. 进入账户的settings

使用Picgo+Github图床+Typora实现Markdown笔记

  1. 进入Developer settings

使用Picgo+Github图床+Typora实现Markdown笔记

  1. 下一步

使用Picgo+Github图床+Typora实现Markdown笔记

  1. 新建access token

使用Picgo+Github图床+Typora实现Markdown笔记

  1. 创建完成

使用Picgo+Github图床+Typora实现Markdown笔记

配置Picgo的Github图床

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

配置Access Token和域名

使用Picgo+Github图床+Typora实现Markdown笔记

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

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

设定自定义域名

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

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

其他配置

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

使用Picgo+Github图床+Typora实现Markdown笔记

安装和配置Typora

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

下载Typora

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

配置Typora

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

使用Picgo+Github图床+Typora实现Markdown笔记

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

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

给TA打赏
共{{data.count}}人
人已打赏
运维

简单API文档服务发布

2024-11-19 10:35:58

运维

获取Github访问Token

2024-11-19 10:36:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索