PicGo+Typora+OSS,打造一劳永逸的笔记环境

1,220 阅读3分钟

PicGo+Typora+OSS,打造一劳永逸的笔记环境

这是我参与更文挑战的第1天,活动详情查看:更文挑战

1. 前提准备

  • PicGo
  • Typora
  • 域名(已备案,可访问),有最好,没有也可以
  • 阿里云OSS

PS: 如果是刚新接触的朋友,对这个不太了解的话,可以去看下包含前提准备的文档 语雀文档 Github

建议在语雀看,毕竟Github上看的话是没有大纲的~

2. PicGo配置

打开PicGO,依次点击: 图床设置 => 阿里云OSS

image-20210531230550229

上面需要填的东西不少,不着急,很简单,向下看!

返回到阿里云官网,将鼠标放在右上角头像上,点击访问控制

image-20210531230758736

点击人员管理下的 用户 => 创建用户

image-20210531231058110

创建用户需要注意: 访问方式选择编程访问

image-20210531231331324

新建用户完成,拿到AccessKey IDAccessKey Secret,且只有这一次机会可以拿到,关闭页面后将无法再次获取,所以记得保存好.

image-20210531231650057

选中,点击添加权限

image-20210531232106736

弹出弹框,选择第二个AliyunOSSFullAccess的权限就OK了,然后确定 => 完成

image-20210531232416746

到这,所有的阿里云的配置基本就完成了,然后打开PicGo的阿里云OSS配置界面,先把ID和Key填上,就是刚刚复制的AccessKey IDAccessKey Secret

image-20210531233630589

存储空间名: Bucket名称

存储区域: 且看下图,比如我,就是: oss-cn-beijing

注定存储路径: 就是给个文件夹名称,注意后面要加/ , 比如我的: images/

image-20210531233824173

PicGo设置到这里的话,点击确定 ,就可以正常使用了,点击上传区,可以上传试试了~

如果有域名且备案的同志可以继续向下看一下,给加个域名,如果不加域名的话,就会是: https://emier-oss.oss-cn-beijing.aliyuncs.com/images/20210531233503.png,像这样,总感觉不太对~(没有的话可以跳过,去看Typora的配置了)

下面是域名相关配置

域名购买与备案不说了,很简单,如果想要购买域名的话,可以去阿里云官网购买~

进入资源包概览界面,点击传输管理 => 域名管理 => 绑定域名

image-20210531234950219

image-20210531235217434

填写完成后,点击提交~

然后来到PicGo,在自定义域名中填入域名,点击确定

我上传了一张图片试了下,http://oss.emier.cn/images/20210531235913.png,完美!

PS: 到这的话可以去看第3节点Typora的配置了,但还可以再给他加点东西,有兴趣的继续往下看!

在PicGo中安装两个插件,一个可以上传后将URL复制到剪贴板,一个可以上传前压缩图片的插件

image-20210601001457854

然后安装成功之后点击下角的配置按钮可以稍微配置一下,压缩的插件记设置完成之后要在点击小齿轮启用一下~

刚刚试了一下,5.6M的压缩成1.2M的,而且我用的是TinyPng的无损压缩,还不错Nice就是时间稍微长了一点,看个人喜好吧,不喜欢等待的可以关掉~

3. Typora配置

文件 => 偏好设置

image-20210601003006054

选择图像,配置很简单,看下图:

image-20210601003316666

然后点击验证图片上传选项验证一下:

image-20210601003156683

看! 很稳!

可以在从Typora中上传图片测试一下,自动将本地图片替换成了网络地址,完美!

还可以对之前本地的图片进行单个上传,或者全部本地图片上传

image-20210601003657498

image-20210601003944658

PS: 在Typora设置自动上传的时候,要记得开启PicGo的Server服务,且端口必须为36677,这个是默认的,不需要改动,就是怕各位瞎点,所以说一下~

image-20210601061736340

image-20210601061815294