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

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仓库

创建访问github的私有Token

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

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

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

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇