个人博客网站搭建 - 配置Typora自动上传图片

 

Typora使用

默认图片配置

Snipaste_2022-06-19_10-18-16

自动上传图片配置

Snipaste_2022-06-19_10-17-35

网络图床

老王图床(推荐)

https://img.gejiba.com/album/visitorms.EPzWC

图床汇总文章

https://zhuanlan.zhihu.com/p/403554101

阿里云OSS存储

PicGo-Core介绍网站

https://picgo.github.io/PicGo-Core-Doc/zh/guide/

个人阿里云OSS存储网站

https://oss.console.aliyun.com/bucket/oss-cn-hangzhou/photo-hq/object

PicGo-Core软件设置

image-20220619141250387

image-20220619102930893

阿里云oss配置截图

image-20220619103040227

image-20220619103055546

注意,这里要将读写权限改为公共读,否则URL会自动增加后缀,Typora无法链接到

image-20220619103113303

typora+PicGo+阿里云oss 搭建流程

https://www.bilibili.com/read/cv13781176

提出问题:如何让typora的图片自动上传到云端

解决思路:准备图片上传软件+准备云储存空间

首先需要准备两个软件和一个环境

node.js 用于PicGo软件安装插件使用  https://nodejs.org/en/download/
PicGo图床上传软件   https://github.com/Molunerfinn/PicGo/releases
PicGo插件地址   https://github.com/PicGo/Awesome-PicGo

图床是什么:图床就是用来存放照片的空间,同时允许外连到其他网站上

PicGo下载指南 进入下载链接后进去软件版本中选择最近稳定版本2.3.0

image-20211025201219358

安装只需要一直下一步即可

安装完成之后界面如下图所示:

image-20211025201259540

之后再将PicGo的数据加入环境变量中。

此电脑->属性->高级系统设置->环境变量->双击Path->添加

image-20200512204728770

配置好环境变量之后打开需要使用的图床

以下是我使用的一些图床的配置方法:

1)阿里云oss图床

在搭建之前,我们需准备阿里云对象存储服务

第一步:进入阿里云官网https://www.aliyun.com/并且登录好,支付宝扫码登录即可

image-20211028101132499

之后进入下面这个界面

image-20211028101314650

点击立即购买即可扫码付款

之后在右上角按如下操作

image-20211028102957768

进入如下界面后、为了安全选择开始使用子账户,创建一个只用来管理图片的账户

image-20211028103116315

image-20211028103341165

image-20211028103734943

image-20211028104023709

后面我们需要给此账户添加我们需要使用的权限

image-20211028104305924

会弹出如下界面、按照标注选择即可

image-20211028104630642

再在控制台选择对象存储oss 创建储存空间(存储空间名 就是bucket名称,如果没有,请自行创建)

按照如下选择,创建

image-20211028105303870

image-20211028110622621

注意,这里要将读写权限改为公共读,否则URL会自动增加后缀,Typora无法链接到

image-20211028110037015

确定存储区域 就是地域节点前部分,例如我的就是oss-cn-beijing (同样复制保存到记事本待会配置上传工具PicGo的时候会用上)

image-20211028111230211

进入文件管理界面

image-20211028111841384

再新建目录/img

image-20211028111916751

这样我们上传工具已经配置好了,但是如果需要使用Typora自动上传图片到图床我们需要在Typora软件内做好如下配置:

打开Typora在文件中选择偏好设置:

按照如下配置(选择好)

我们可以进行测试,具体配置方式参考本笔记其他章节内容