教你使用Typora + 阿里云OSS + PicGo 搭建私人图床(最新)

目录
  • 使用Typora + 阿里云OSS + PicGo 打造自己的图床
    • 为什么要打造图床？
    • 购买阿里云OSS
    • 使用PicGo
    • Typora设置进入Typora偏好设置 -> 图像

使用Typora + 阿里云OSS + PicGo 打造自己的图床

为什么要打造图床？

让笔记远走高飞

试问以下场景：

  • 我们要把 markdown 笔记放到某博客上，直接进行复制即可。但因你的图片存储在本地，博客上的图片因无法找到本地路径而无法显示，因此需要到本地找到图片一个个上传
  • 我们要把 markdown 笔记共享给朋友，你需要同时把图片一并发送

是否很麻烦？

这时我们可以使用阿里云OSS + PicGo 打造自己的图床让上面的两个场景爽到飞起：

  • 直接复制 markdown 笔记放入博客即可
  • 把笔记共享给朋友只需要发送一份 markdown 文件即可

购买阿里云OSS

我这里使用的是阿里云对象存储OSS，你可以使用腾讯、七牛云对象存储等皆可

对象存储OSS_云存储服务_企业数据管理_存储-阿里云 (aliyun.com)

购买阿里云OSS

  • 点击产品价格可见具体定价
  • 点击折扣套餐购买

进入控制台创建 Bucket

Bucket 参数设置

  1. Bucket 名称：自定义
  2. 地域：一般国内任意地域皆可
  3. 存储类型：标准存储
  4. 读写权限：公共读

其他默认即可，或根据自己需求设置

创建AccessKey

鼠标移动至头像，点击 AccessKey 管理即可进入管理界面

创建AceessKey记得要保存下来

使用PicGo

下载地址：Releases · Molunerfinn/PicGo (github.com)

下载后安装打开Picgo

根据自己使用的图床设置，我这里使用的是阿里云OSS

查看Server端口是否为36677（编辑器端口）

图床设置

  • 设置KeyID、KeySecret：即之前保存的 AccessKey 于 AccessKeySecret
  • 设置存储空间名：即之前创建 Bucket 的名字
  • 确认存储区域：见下

进入到你的 Bucket 列表点击 Bucket 的名字进入到概览

如下图所示的地址就是存储区域要填写的内容

注意：要去除后面的 .aliyuncs.com

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

成功提示

Typora设置进入Typora偏好设置 -> 图像

设置完毕后点击验证图片上传选项，检查是否能上传

到此这篇关于教你使用Typora + 阿里云OSS + PicGo 搭建私人图床的文章就介绍到这了,更多相关Typora  阿里云OSS  PicGo图床内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 利用Python实现Picgo图床工具

    目录 一.PyPicGo 1.安装 2.配置 3.使用 4.支持的图床 5.支持的插件 6.Uploader上传器 7.插件系统 8.开发 一.PyPicGo PyPicGo 是一款图床工具,是PicGo是Python版实现,并支持各种插件自定义插件,目前PyPicGo自带了gitee.github.SM.MS和七牛云图传,以及rename.notify和typora等插件,并支持从pypi中下载其他插件和Uploader 源码地址: [gitee]https://gitee.com/Range

  • 免费稳定图床最佳实践之PicGo+GitHub+jsDeliver 极简教程

    免费稳定图床最佳实践之PicGo+GitHub+jsDeliver 极简教程

    目录 一.下载 PicGo 二.图床配置 三.GitHub 接入 3.1 创建仓库 3.2 获取 Token 四.图床使用 一.下载 PicGo PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具. 目前支持七牛.腾讯云.阿里云和 GitHub 等图床.该工具代码已在 GitHub 开源,读者可以自行去下载. 或者通过网盘下载: 链接: https://pan.baidu.com/s/1HGv88yDJMB9gQWjFxHRzGg 提取码: sjqq 下载完成后,应

  • 教你免费做一个属于自己稳定有效的图床-PicGo

    由于现在很多写作平台都支持了Markdown语法,导致图床用的人越来越多.使用别人的免费图床偶尔会出现图片加载不出来的情况,或者是图床图片已经失效的情况,后面再想补回图片忘了原图是什么样子的了,这样子就得不偿失了.于是乎搭建一个属于自己的问题免费的图床就显得很有必要了. PicGo 项目地址 应用截图如下: 软件下载地址:https://github.com/Molunerfinn/PicGo/releases 这里我们使用的是图床是Github的图床,也就是说把图片上传到我们Github上面自

  • Typora+PicGo+GitHub实现md自带图床效果

    1 GitHub创建作为图床的仓库 1.1 在GitHub中创建一个仓库 注意仓库要是public的,不然上传的图片还是无法使用的.如果不知道怎么创建仓库,可以百度一下. 1.2 在GitHub生成一个token 这个token是给PicGo使用的 页面拉到最下有一个绿色的Generate token按钮,按一下就会生成token. 将生成的token复制下来,给PicGo使用. 注意:生成的token最好保存到本地,因为下次再进GitHub的时候,这个token就不再显示了. 2 PicGo客

  • 教你使用Typora + 阿里云OSS + PicGo 搭建私人图床(最新)

    教你使用Typora + 阿里云OSS + PicGo 搭建私人图床(最新)

    目录 使用Typora + 阿里云OSS + PicGo 打造自己的图床 为什么要打造图床? 购买阿里云OSS 使用PicGo Typora设置进入Typora偏好设置 -> 图像 使用Typora + 阿里云OSS + PicGo 打造自己的图床 为什么要打造图床? 让笔记远走高飞 试问以下场景: 我们要把 markdown 笔记放到某博客上,直接进行复制即可.但因你的图片存储在本地,博客上的图片因无法找到本地路径而无法显示,因此需要到本地找到图片一个个上传 我们要把 markdown 笔记共

  • Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例

    Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例

    之前从没接触过Yii,借助的各方资源来做的这个整合阿里云OSS的SDK上传图片实例,如果有不正之处请指出! 前面参照了weinirumo 的介绍,大家可以自行去查看. 好了,下面开始进入主题: 准备工作:需要使用composer执行命令,如果没有安装composer的需要提前安装,参考文档:composer安装流程 1.项目目录结构 我使用的是基础版,只有后台目录,请自行对照自己的项目目录结构,会用到以下的几个目录: 2.在项目根目录下运行cmd命令 3.执行composer命令 切换到中国国内

  • yii2.0整合阿里云oss的示例代码

    yii2.0整合阿里云oss的示例代码

    主要思路,首先用composer下载阿里云oss的php sdk,然后自定义一个组件,就能够在全局调用阿里云oss了. 具体步骤如下: 1 到阿里云官网找到php sdk,网址为https://help.aliyun.com/document_detail/32099.html?spm=5176.87240.400427.40.s8EbEH 2 使用composer安装,在项目目录下(basic/)输入: composer require aliyuncs/oss-sdk-php 安装完成以后,

  • yii2.0整合阿里云oss上传单个文件的示例

    yii2.0整合阿里云oss上传单个文件的示例

    上一篇文章已经介绍了如何整合阿里云oss,这一篇主要介绍上传文件到阿里云oss. 主要思路:首先文件要上传到服务器,然后把服务器里边的文件传到阿里云oss,成功以后就把文件信息写入数据库,失败了就删除服务器的文件. 主要步骤: 0 介绍几个oss的概念. accessKeyId     ==>> 可以理解为访问阿里云oss的账号 accessKeySecret ==>> 可以理解为访问阿里云oss的密码 bucket          ==>> 可以理解为文件在保存的根

  • php版阿里云OSS图片上传类详解

    本文实例讲述了php版阿里云OSS图片上传类.分享给大家供大家参考,具体如下: 1.阿里云基本函数 /** * 把本地变量的内容到文件 * 简单上传,上传指定变量的内存值作为object的内容 */ public function putObject($imgPath,$object) { $content = file_get_contents($imgPath); // 把当前文件的内容获取到传入文件中 $options = array(); try { $this->ossClient->

  • yii2.0整合阿里云oss删除单个文件的方法

    主要思路,在controller里边通过获得要删除的文件fileid,把fileid传递给model的deletefile方法进行处理,并返回处理结果. 在deletefile方法里边,先根据id找到对应的文件信息,然后删除数据里边的记录和阿里云oss里边的文件和本地的文件. 主要步骤如下: 1 首先是构建一个view视图,或者写一个ajax发送请求,此处代码略(让前端去写吧). 2 在控制器里边接收参数,并转交给model.控制器UploadController.php里边的代码参考如下: /

  • Thinkphp整合阿里云OSS图片上传实例代码

    Thinkphp整合阿里云OSS图片上传实例代码

    Thinkphp3.2整合阿里云OSS图片上传实例,图片上传至OSS可减少服务器压力,节省宽带,安全又稳定,阿里云OSS对于做负载均衡非常方便,不用传到各个服务器了 首先引入阿里云OSS类库 <?php namespace Home\Controller; use Think\Controller; use OSS\Core\OssException; vendor('aliyun.autoload'); 上传图片自己写,上传成功到阿里云后,删除临时文件 function aliyun() {

  • Nginx 代理转发阿里云OSS上传的实现代码

    前言 因为小程序上传需要https,服务器https用的是letsencrypt生成的证书,但是阿里云oss没有做https(懒得上传证书),就想着用Nginx代理转发上传请求. Nginx配置 # HTTPS server # server { listen 443 ssl; server_name your.domain.name; ... location / { proxy_pass http://127.0.0.1:3000; proxy_set_header Host $Host;

  • django 配置阿里云OSS存储media文件的例子

    1. 安装django-aliyun-oss2-storage包 linux上用 pip install django-aliyun-oss2-storage 无报错,顺利安装 windows上报错: (python3_sbs) F:\projects\virtualenv\python3_sbs\Scripts>pip install django-aliyun-oss2-storage Collecting django-aliyun-oss2-storage Using cached dj

  • 关于阿里云oss获取sts凭证 app直传 python的实例

    首先安装需要的模块 pip install aliyun-python-sdk-core pip install aliyun-python-sdk-sts 获取需要的5个参数 getsts.py from aliyunsdkcore import client from aliyunsdkcore.profile import region_provider from aliyunsdksts.request.v20150401 import AssumeRoleRequest import

随机推荐