使用Typora + 阿里云OSS + PicGo 打造自己的图床
使用Typora + 阿里云OSS + PicGo 打造自己的图床
为什么要打造图床?
让笔记远走高飞
试问以下场景:
- 我们要把 markdown 笔记放到某博客上,直接进行复制即可。但因你的图片存储在本地,博客上的图片因无法找到本地路径而无法显示,因此需要到本地找到图片一个个上传
- 我们要把 markdown 笔记共享给朋友,你需要同时把图片一并发送
是否很麻烦?
这时我们可以使用阿里云OSS + PicGo 打造自己的图床让上面的两个场景爽到飞起:
- 直接复制 markdown 笔记放入博客即可
- 把笔记共享给朋友只需要发送一份 markdown 文件即可
购买阿里云OSS
我这里使用的是阿里云对象存储OSS,你可以使用腾讯、七牛云对象存储等皆可
对象存储OSS_云存储服务_企业数据管理_存储-阿里云 (aliyun.com)
- 购买阿里云OSS

- 点击产品价格可见具体定价
- 点击折扣套餐购买
- 进入控制台创建 Bucket

- Bucket 参数设置
- Bucket 名称:自定义
- 地域:一般国内任意地域皆可
- 存储类型:标准存储
- 读写权限:公共读
其他默认即可,或根据自己需求设置
- 创建AccessKey
鼠标移动至头像,点击 AccessKey 管理即可进入管理界面
.jpg)
创建AceessKey记得要保存下来
使用PicGo
下载地址:Releases · Molunerfinn/PicGo (github.com)
下载后安装打开Picgo
- 根据自己使用的图床设置,我这里使用的是阿里云OSS

- 查看Server端口是否为36677(编辑器端口)

- 图床设置
.jpg)
- 设置KeyID、KeySecret:即之前保存的 AccessKey 于 AccessKeySecret
- 设置存储空间名:即之前创建 Bucket 的名字
- 确认存储区域:见下
进入到你的 Bucket 列表点击 Bucket 的名字进入到概览

如下图所示的地址就是存储区域要填写的内容
注意:要去除后面的 .aliyuncs.com

- 拖动图片测试是否能上传成功

成功提示

Typora设置
- 进入Typora偏好设置 -> 图像
.jpg)
设置完毕后点击验证图片上传选项,检查是否能上传
至此,我们使用 Typora + 阿里云OSS + PicGo 打造出自己的图床了
使用Typora + 阿里云OSS + PicGo 打造自己的图床的更多相关文章
- 阿里云OSS + PicGo搭建图床
1.阿里云 OSS 登录阿里云,进入控制台. 打开侧边栏,找到对象存储 OSS. 右侧找到 Bucket 管理,点击创建 Bucket. 根据引导配置 Bucket 其他同城冗余存储和版本控制等增值服 ...
- 阿里云加Picgo或MPic搭建最豪横的图床
阿里云加Picgo或MPic搭建最豪横的图床 首先解释一下什么是图床,图床其实就是提供图片存储的服务器. 对于自建博客来说,由于各种原因的限制(比如穷...)可能无法购买存储空间比较大的VPS. 而对 ...
- 一招教你写博客,Typora+PicGo+阿里云oss,最好用的Markdown+最好用的图床工具!
博客 写博客的好处 1.使自己变得更善于观察.一旦你养成了记博客的习惯,与此同时你也赋予了一个更好的机会给自己,让自己去更细致地观察生活.一个人的生活经历本就是价值连城的,从中学习到的知识,教训更是异 ...
- Typora图片与阿里云OSS图床的结合之旅
图床? 专门用于存放图片,并允许用户通过独一的外链进行特定图片资源的访问 为什么是阿里云OSS(Object Storage Service) 码云开源需要审核,已经不能作为免费的图床使用(2022年 ...
- 宝塔安装Nextcloud,挂载在阿里云oss上,打造个人/企业高效私有云盘
如下未完整整理,看懂看不懂随缘.... 准备条件: 1.阿里云oss 2.阿里云ecs 3.环境:centos7.x 步骤: 1.centos中安装宝塔面板 2.下载NextCloud安装包,上传到宝 ...
- phpcmsv9 阿里云OSS云存储整合教程
该教程算不上是phpcmsv9阿里云oss插件,所以整个修改及其代码覆盖前请一定记得备份.还有一点就是后台发布文章时上传的附件还是会保存在你的服务器上,基于以下原因:1.个人的需求是前台页面需要使用t ...
- angulaijs中的ng-upload-file与阿里云oss服务的结合,实现在浏览器端上传文件到阿里云(速度可以达到1.5M)
2015-10-26 angularjs结合aliyun浏览器端oos文件上传加临时身份验证例子 在服务端获取sts 源码: public class StsServiceSample { // 目前 ...
- 阿里云 OSS+CDN
https://promotion.aliyun.com/ntms/ossedu2.html https://www.aliyun.com/act/aliyun/ossdoc.html 对象存储(Ob ...
- 阿里云oss上传图片
1.首先我们要下载阿里云oss的sdk包:(可以下载原版的,改过的通用版在本人的百度云,嘎嘎嘎~) 2.下载好之后放到项目文件目录里面 3.要在需要的控制器引用这个sdk文件例如: include(& ...
随机推荐
- @RequestMapping 注解?
该注解是用来映射一个URL到一个类或一个特定的方处理法上.
- MyBatis 与 Hibernate 有哪些不同?
1.Mybatis 和 hibernate 不同,它不完全是一个 ORM 框架,因为 MyBatis 需要 程序员自己编写 Sql 语句. 2.Mybatis 直接编写原生态 sql,可以严格控制 s ...
- 数据库中的ACID
参考链接:什么是ACID 数据库中的锁机制
- Mybatis入门程序(二)
1.实现需求 添加用户 更新用户 删除用户 2.添加用户 (1)映射文件User.xml(Mapper)中,配置添加用户的Statement <!-- 添加用户: parameterType:指 ...
- Python - Python函数简介
- DevEco Device Tool 3.0 Release 新版本发布,支持多人共享开发
DevEco Device Tool 是面向智能设备开发者提供的一站式集成开发环境,支持 HarmonyOS Connect 的组件按需定制,支持代码编辑.编译.烧录和调试.性能监测等功能,支持 C/ ...
- 显示调用C++中构造函数和析构函数(有什么弊端)
1.C++中, 构造函数和析构函数可以被显示调用. 显示调用默认构造函数的语法: a.A::A();(不能写成a.A();) , 显示调用非默认构造函数的语法: a.A::A(7);(不能写成a.A( ...
- 现代CSS进化史
英文:https://medium.com/actualize-...编译:缪斯 CSS一直被web开发者认为是最简单也是最难的一门奇葩语言.它的入门确实非常简单--你只需为元素定义好样式属性和值,看 ...
- java中Object类的getClass方法有什么用以及怎么使用?
Object类的getClass的用法: Object类中有一个getClass方法,m a r k- t o- w i n:它会返回一个你的对象所对应的一个Class的对象,这个返回来的对象 ...
- Android回到页面并刷新数据
通过对Android Activity的生命周期的了解,需要在后退页面重写onResume()的方法. 建立自己更新数据的函数,并在onCreate()方法中调用. @Override protect ...