美文网首页生产力工具
使用Picgo+Github图床+Typora实现Markdow

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

作者: Gary的个人空间 | 来源:发表于2020-03-01 16:21 被阅读0次

    使用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并不是十分稳定,有时候可能出现上传失败的情况,可以尝试多试几次,或者稍后再试,目前没有发现什么好的解决方案。

    相关文章

      网友评论

        本文标题:使用Picgo+Github图床+Typora实现Markdow

        本文链接:https://www.haomeiwen.com/subject/ftbckhtx.html