Typora加七牛云实现实时图片自动上传

前言:

​ Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别.重点是免费!

​ 其风格简约,功能强大,支持图片复制粘贴,再加上现在支持图片自动上传并返回url,以后在写博客就不在需要先上传到服务器在手动引用了。

1.0 申请七牛云 文件存储 并配置ssl

步骤:注册实名(略过) -->>左上角菜单选择对象存储-->>空间管理-->>新建空间-->>绑定域名(域名需要备案,七牛测试域名只有30天)-->>配置ssl(博客园等线上博客图片需要ssl才行)

  • 新建对象存储

  • 新建空间

    储存空间名称和储存区域需要记下来,后面要用到:

  • 绑定域名

    点击绑定域名,然后添加域名,然后固执CNAME去域名服务商将域名解析过来即可

  • 配置ssl

    七牛云证书是免费的,上传新证书然后申请证书,验证域名所有权 ,绑定即可

2.0 Typora设置

步骤:选择左上角文件 -->> 偏好设置-->>图像

  • 打开配置文件

    {
    "picBed": {
    "uploader": "qiniu",
    "qiniu": {
    "accessKey": "",
    "secretKey": "",
    "bucket": "", // 存储空间名
    "url": "", // 自定义域名
    "area": "", // 存储区域编号
    "options": "", // 网址后缀,比如?s1g.cn
    "path": "img/" // 自定义存储路径,比如 img/
    }
    },
    "picgoPlugins": {}
    }

2.1 Typora配置七牛云

accessKey、secretKey 找到右上角头像选择秘钥管理。

点击右上角头像,选择密匙管理:

bucket、area

bucket=储存空间名称

area=储存区域,填入存储区域的编号即可

华东z0 华北z1 华南z2 北美z3 东南亚z4

**

url

空间管理 -->>域名管理

协议+域名就是url字段的值:https://img.s1g.cn/

补充完后如下:

{
"picBed": {
"uploader": "qiniu",
"qiniu": {
"accessKey": "****************************************",
"secretKey": "****************************************",
"bucket": "lmhcprj", // 存储空间名
"url": "https://img.s1g.cn", // 自定义域名
"area": "z0", // 存储区域编号
"options": "", // 网址后缀,比如?lmhc
"path": "img/" // 自定义存储路径,比如 img/
}
},
"picgoPlugins": {}
}

2.2 测试使用

作者:泪梦红尘

原文链接:https://www.s1g.cn/tools/45.html

Typora加七牛云实现实时图片自动上传的更多相关文章

  1. 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片

    本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...

  2. PHP使用七牛云存储之图片的上传、下载、303重定向教程,CI框架实例

    网上关于七牛云存储的教程除了官网上的API文档,其他的资料太少了.研究了下API之后,现在已经能实现图片的上传和下载及上传之后的重定向. http://blog.csdn.net/cqcre/arti ...

  3. Android开发中使用七牛云存储进行图片上传下载

    Android开发中的图片存储本来就是比较耗时耗地的事情,而使用第三方的七牛云,便可以很好的解决这些后顾之忧,最近我也是在学习七牛的SDK,将使用过程在这记录下来,方便以后使用. 先说一下七牛云的存储 ...

  4. Python在七牛云平台的应用(二)图片瘦身

    (一)七牛云平台的图片瘦身功能简介:(引用自官网) 针对jpeg.png格式图片 瘦身后分辨率不变,格式不变. 肉眼画质不变. 图片体积大幅减少,节省 CDN 流量 官网给的图片压缩率很高,官网给的「 ...

  5. Typora + 七牛云图床快速配置,告别手动上传图片!

    大家好,我是zeroing,本文将介绍关于 Typora 软件如何配置七牛云图床,实现图片即插即用,可以先看一下最终效果! 可以看到图片借助 Typora 软件自动将本地存储转化为第三方图片网络链接 ...

  6. ElementUI的Upload上传,配合七牛云储存图片

    七牛云服务器的储存区域 存储区域 地域简称 上传域名 华东 z0 服务器端上传:http(s)://up.qiniup.com 华东 z0 客户端上传: http(s)://upload.qiniup ...

  7. 从七牛云迁移图片到github

    迁移理由 问题是网站的大部分图床都是用的七牛云,官网有改动,所以原测试域名都失效,所以决定进行迁移,将七牛云中的图片迁移到github仓库中. 迁移步骤 Step1:从废弃测试域名空间至可用测试域名空 ...

  8. 七牛云图床和Markdown使用

    七牛云图床和Markdown使用 1.图床是什么? 图床一般是指储存图片的服务器,有国内和国外之分.国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度.国内也分为单线空间.多线空间和cdn ...

  9. 图床神器:七牛云 + Mpic + FScapture

    概述 最近在搞Markdown的东西,遇到了一个很棘手的问题,即图片的显示:通用的图片,可以直接网上搜索,但有时候需要自己截一些图或者对下载的图片进行修改,在本地存储完全没有问题,但Markdown写 ...

随机推荐

  1. 关于React Native常用技巧

    Doctor命令检查所需环境 @2019年11月18日,React Native v新增了一个环境检查和诊断命令行,可以帮助新手修复环境,输出环境依赖报告. 先建好的一个React Native项目, ...

  2. django项目部署到centos,踩的坑

    FAQ1:在使用pip3安装库的时候,提示需要升级pip pip3 install --upgrade pip FAQ2:在创建软链接时,提示:ln: failed to create symboli ...

  3. redis-list实现

    Redis 数据结构---链表 Redis的list底层实现使用的不是数组而是链表的数据结构 叫listnode  是一个双向链表 ListNode{ Struct listNode *prev  / ...

  4. 资源:Navicat15最新版本破解 亲测可用(2020-11-14)

    1.下载Navicat Premium 官网https://www.navicat.com.cn/下载最新版本下载安装 2.网盘下载破解 本人网盘链接:https://pan.baidu.com/s/ ...

  5. 使用Hugo框架搭建博客的过程 - 主题配置

    前言 博客部署完成后,恭喜你可以发表第一篇:Hello world!但是LoveIt这么好用的主题,不配置一番可惜了. 基本功能配置 主题配置最好参考已有的配置,比如LoveIt作者写的介绍,还有主题 ...

  6. SpEL表达式总结(转)

    前言 SpEL(Spring Expression Language),即Spring表达式语言,是比JSP的EL更强大的一种表达式语言.为什么要总结SpEL,因为它可以在运行时查询和操作数据,尤其是 ...

  7. SA20225394 舒蔚 高级软件工程实验总结

    [实验]: 一.编程神器Visual Studio Code 配置好Visual Studio Code这一强大而又轻量的编辑器.其中有版本控制+代码补全+自动加载依赖,并且可以根据自己的需要添加插件 ...

  8. DL基础补全计划(三)---模型选择、欠拟合、过拟合

    PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(Bl ...

  9. C语言:类型转换

    1.自动类型转换:将小范围数据类型转换为大范围的数据类型 2.赋值号两边的数据类型不一致时,会自动将右边的数据类型转换为左边的数据类型.若右边数据的类型级别高,则根据左边变量的长度截取低字节数据部分 ...

  10. 高校表白App-团队冲刺第七天

    今天要做什么 使用Fragment进行分屏处理,制作底层 做了什么 完成任务 遇到的问题 因为以前做过了一个,所以这次没有遇到什么问题,开心.啊哈哈